update: setup layouts and basic ui

src/app/(main)/console/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Console</div>;
+}

src/app/(main)/gear/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Gear</div>;
+}

src/app/(main)/home/page.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import Notice from "@/components/cstb/Notice";
+
+const Home = () => {
+  return (
+    <section>
+      <Notice />
+    </section>
+  );
+};
+
+export default Home;

src/app/(main)/layout.tsx

@@ -0,0 +1,25 @@
+import Header from "@/components/window/Header";
+import Nav from "@/components/window/Nav";
+import SideBar from "@/components/window/SideBar";
+
+export default function BaseLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="bg-[#f1f0f2] h-screen w-full">
+      <Nav />
+
+      <div className="flex flex-col w-full h-full">
+        <SideBar />
+
+        <main className="pb-5 pr-5 ml-20">
+          <Header />
+
+          {children}
+        </main>
+      </div>
+    </div>
+  );
+}

src/app/(main)/movie/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Movie</div>;
+}

src/app/(main)/preference/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Preference</div>;
+}

src/app/(main)/tool/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Tool</div>;
+}