feat: project init

src/app/app.tsx

@@ -0,0 +1,21 @@
+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";
+
+const App = () => {
+  const [queryClient] = useState(() => new QueryClient());
+
+  return (
+    <PageContextProvider>
+      <QueryClientProvider client={queryClient}>
+        <Router />
+      </QueryClientProvider>
+      <Toaster richColors />
+    </PageContextProvider>
+  );
+};
+
+export default App;

src/app/router.tsx

@@ -0,0 +1,32 @@
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import AuthLayout from "@/components/layouts/auth-layout";
+import MainLayout from "@/components/layouts/main-layout";
+import ClusterPage from "@/pages/cluster/page";
+import HomePage from "@/pages/home/page";
+
+const router = createBrowserRouter([
+  {
+    path: "/auth",
+    Component: AuthLayout,
+  },
+  {
+    path: "/",
+    Component: MainLayout,
+    children: [
+      {
+        index: true,
+        Component: HomePage,
+      },
+      {
+        path: "cluster",
+        Component: ClusterPage,
+      },
+    ],
+  },
+]);
+
+const Router = () => {
+  return <RouterProvider router={router} />;
+};
+
+export default Router;

src/app/styles.css

@@ -0,0 +1,29 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html,
+  body {
+    @apply bg-base-200;
+  }
+}
+
+@layer components {
+  .card {
+    @apply bg-base-100;
+  }
+
+  .dropdown-content {
+    @apply z-10;
+  }
+
+  .table.table-sm th,
+  .table.table-xs th {
+    @apply py-4;
+  }
+
+  .modal-backdrop {
+    @apply border-none outline-none;
+  }
+}