update: macos blurred window and radius setup

src/app/(main)/layout.tsx

@@ -1,6 +1,9 @@
+"use client"
 import Header from "@/components/window/Header";
 import Nav from "@/components/window/Nav";
 import SideBar from "@/components/window/SideBar";
+import clsx from "clsx";
+// import { platform } from "@tauri-apps/plugin-os"
 
 export default function BaseLayout({
   children,
@@ -8,18 +11,24 @@ export default function BaseLayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className="bg-[#f1f0f2] h-full w-full">
+    <div className="w-full h-full bg-transparent">
+      {/* bg-[#f1f0f2]  */}
       <Nav />
 
       <div className="flex flex-col w-full h-full">
         <SideBar />
 
-        <main className="flex flex-col h-full pb-5 pr-5 ml-20 overflow-hidden ">
+        <main
+          className={clsx(
+            "flex flex-col h-full pb-5 pr-5 ml-20 overflow-hidden"
+            // platform() === "windows" ? "ml-20" : "ml-[4.25rem]"
+          )}
+        >
           <Header />
 
           {children}
         </main>
       </div>
     </div>
-  );
+  )
 }