refactor: use sx prop for styling instead of tailwind

src/pages/Home/Home.tsx

@@ -44,11 +44,15 @@ export function Home() {
               size="medium"
             />
           </FormControl>
-          <div className="block pt-4">
+          <Button
-            <Button variant="contained" type="submit">
+            variant="contained"
-              Go to public room
+            type="submit"
-            </Button>
+            sx={{
-          </div>
+              marginTop: 2,
+            }}
+          >
+            Go to public room
+          </Button>
         </form>
       </main>
     </div>