update: setup home page ui

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

@@ -1,11 +1,29 @@
 "use client";
 
+import CommonDir from "@/components/cstb/CommonDir";
+import FastLaunch from "@/components/cstb/FastLaunch";
+import ForceQuit from "@/components/cstb/ForceQuit";
+import LaunchOption from "@/components/cstb/LaunchOption";
 import Notice from "@/components/cstb/Notice";
+import PowerPlan from "@/components/cstb/PowerPlan";
+import SmartTransfer from "@/components/cstb/SmartTranser";
 
 const Home = () => {
   return (
-    <section>
-      <Notice />
+    <section className="flex flex-col h-full gap-4">
+      <div className="flex flex-grow w-full gap-4">
+        <Notice />
+        <SmartTransfer />
+      </div>
+
+      <CommonDir />
+      <LaunchOption />
+
+      <div className="flex w-full gap-4">
+        <PowerPlan />
+        <ForceQuit />
+        <FastLaunch />
+      </div>
     </section>
   );
 };

src/app/(main)/layout.tsx

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