Move app styles to root

src/components/App.tsx

@@ -4,7 +4,6 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { useMemo } from "react";
 import { useDarkMode } from "usehooks-ts";
-import "./App.less";
 import { ConfigView } from "./ConfigView/ConfigView";
 import { StreakView } from "./StreakView/StreakView";
 

src/main.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import { App } from "./components/App.tsx";
+import "./styles.less";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>

src/components/App.less → src/styles.less

@@ -7,7 +7,3 @@
   padding: 2rem;
   text-align: center;
 }
-
-.card {
-  padding: 2em;
-}