refactor(stats): remove props and unused imports

- remove fontawesome imports from loginform and rely on oauth2
- remove nav profile dropdown import and simplify stats to no props
- defer initial fetchstats with settimeout and clear timeout on unmount
- simplify d/page to render <stats /> and stop passing user metadata
- import metadataroute from "next/types" instead of "next"

Author: mrepol742

app/components/auth/LoginForm.tsx

@@ -6,12 +6,6 @@ import { toast } from "react-toastify";
 import { useRouter } from "next/navigation";
 import { useSearchParams } from "next/navigation";
 import HCaptcha from "@hcaptcha/react-hcaptcha";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
-  faGithub,
-  faGoogle,
-  faMicrosoft,
-} from "@fortawesome/free-brands-svg-icons";
 import Oauth2 from "./Oauth2";
 
 export default function LoginForm() {

app/components/dashboard/Stats.tsx

@@ -16,7 +16,6 @@ import Machines from "./widgets/Machines";
 import Categories from "./widgets/Categories";
 import Dependencies from "./widgets/Dependencies";
 import CodingConsistencyHeatmap from "./widgets/CodingConsistencyHeatmap";
-import NavProfileDropdown from "../common/NavProfileDropdown";
 
 export interface StatsData {
   total_seconds: number;
@@ -33,17 +32,7 @@ export interface StatsData {
   last_fetched_at?: string;
 }
 
-interface StatsProps {
-  name?: string;
-  email?: string;
-  avatar: string | null;
-}
-
-export default function Stats({
-  name = "User",
-  email = "user@example.com",
-  avatar = null,
-}: StatsProps) {
+export default function Stats() {
   const toDateKey = (value: string) => value.slice(0, 10);
   const parseDateKeyLocal = (dateKey: string) => {
     const [y, m, d] = dateKey.split("-").map(Number);
@@ -120,8 +109,12 @@ export default function Stats({
   );
 
   useEffect(() => {
-    // Always fetch fresh data on first load so refresh reflects live values.
-    void fetchStats(true);
+    // Defer to avoid synchronous setState inside effect.
+    const timeout = window.setTimeout(() => {
+      void fetchStats(true);
+    }, 0);
+
+    return () => window.clearTimeout(timeout);
   }, [fetchStats]);
 
   useEffect(() => {

app/d/page.tsx

@@ -15,14 +15,5 @@ export default async function Dashboard() {
   if (!profile?.wakatime_api_key) {
     return <DashboardWithoutKey email={profile?.email || user.email!} />;
   }
-
-  const email = profile?.email || user.email!;
-  const name = user?.user_metadata?.name || email.split("@")[0];
-  const prefferedAvatar =
-    user?.user_metadata?.avatar_url ||
-    user?.user_metadata?.picture ||
-    user?.user_metadata?.avatar ||
-    null;
-
-  return <Stats name={name} email={email} avatar={prefferedAvatar} />;
+  return <Stats />;
 }

app/sitemaps/static.ts

@@ -1,4 +1,4 @@
-import type { MetadataRoute } from "next";
+import type { MetadataRoute } from "next/types";
 
 export default function sitemap(): MetadataRoute.Sitemap {
   return [