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"
+            type="submit"
+            sx={{
+              marginTop: 2,
+            }}
+          >
             Go to public room
           </Button>
-          </div>
         </form>
       </main>
     </div>