feat: fix responsive layout, add theme switcher

src/app/app.tsx

@@ -1,9 +1,10 @@
 import { PageContextProvider } from "@/context/page-context";
 import Router from "./router";
-import "./styles.css";
 import { Toaster } from "sonner";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useState } from "react";
+import ThemeProvider from "@/components/containers/theme-provider";
+import "./styles.css";
 
 const App = () => {
   const [queryClient] = useState(() => new QueryClient());
@@ -14,6 +15,7 @@ const App = () => {
         <Router />
       </QueryClientProvider>
       <Toaster richColors />
+      <ThemeProvider />
     </PageContextProvider>
   );
 };

src/app/themes.ts

@@ -0,0 +1,16 @@
+// https://daisyui.com/docs/themes/
+
+export const themes = [
+  "pastel",
+  "dark",
+  "dracula",
+  "cupcake",
+  "dim",
+  "night",
+  "nord",
+  "corporate",
+  "valentine",
+  "winter",
+] as const;
+
+export type Themes = (typeof themes)[number];