Dashboard page

package.json

@@ -14,6 +14,7 @@
   "dependencies": {
     "@aws-sdk/client-s3": "^3.529.1",
     "@aws-sdk/s3-request-presigner": "^3.529.1",
+    "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
@@ -23,6 +24,7 @@
     "@radix-ui/react-tooltip": "^1.0.7",
     "@react-three/drei": "^9.102.3",
     "@react-three/fiber": "^8.15.19",
+    "@tabler/icons-react": "^3.11.0",
     "@tsparticles/engine": "^3.4.0",
     "@tsparticles/react": "^3.0.0",
     "@tsparticles/slim": "^3.4.0",
@@ -33,7 +35,7 @@
     "date-fns": "^3.4.0",
     "dexie": "^4.0.8",
     "dexie-react-hooks": "^1.1.7",
-    "framer-motion": "^11.2.10",
+    "framer-motion": "^11.3.8",
     "input-otp": "^1.0.1",
     "install": "^0.13.0",
     "limiter": "^2.1.0",
@@ -48,8 +50,9 @@
     "react": "^18",
     "react-day-picker": "^8.10.0",
     "react-dom": "^18",
+    "react-dropzone": "^14.2.3",
     "react-markdown": "^9.0.1",
-    "tailwind-merge": "^2.3.0",
+    "tailwind-merge": "^2.4.0",
     "tailwindcss-animate": "^1.0.7",
     "three": "^0.162.0",
     "three-globe": "^2.31.0",

src/app/(guest)/links/page.tsx

@@ -3,7 +3,7 @@ import { Links as OfflineLinks } from '@/components/pages/Links'
 import { MaxWidthContainer } from "@/components/MaxWidthContainer"
 
 export const metadata: Metadata = {
-  title: 'TransferX | Links',
+  title: 'transferX | Links',
   description: 'Streamline your file transfers with our secure and user-friendly platform. Easily send and receive files of any size, ensuring quick and reliable delivery every time.'
 }
 

src/app/(main)/(dashboard)/me/assets/page.tsx

@@ -0,0 +1,5 @@
+import { Asset } from "@/components/pages/Assets"
+
+export default function Assets() {
+  return <Asset />
+}

src/app/(main)/(dashboard)/me/folders/page.tsx

@@ -0,0 +1,5 @@
+import { Folder } from "@/components/pages/Folders"
+
+export default function Folders() {
+  return <Folder />
+}

src/app/(main)/(dashboard)/me/history/page.tsx

@@ -0,0 +1,7 @@
+import Links from '@/app/(guest)/links/page'
+
+const History = () => {
+  return <Links />
+}
+
+export default History

src/app/(main)/(dashboard)/me/layout.tsx

@@ -1,3 +1,18 @@
+import { DashboardSidebar } from "@/components/DashboardSidebar/DashboardSidebar"
+
 export default function AccountPageLayout({ children }: { children: React.ReactNode }) {
-  return <>{children}</>
+  return (
+    <div className="flex-1 h-full flex flex-col">
+      <div className="h-full flex-1 w-full">
+        <div className="flex h-full relative w-full flex-1">
+
+          <DashboardSidebar />
+
+          <div className="h-full w-full pl-10 pt-10">
+            {children}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
 }