fix(web): Consistent spacing in the content container in all pages. Fixes #40

1 files changed, 17 insertions, 5 deletions

diff --git a/apps/web/app/dashboard/bookmarks/page.tsx b/apps/web/app/dashboard/bookmarks/page.tsx
index 02964482..9907df4d 100644
--- a/apps/web/app/dashboard/bookmarks/page.tsx
+++ b/apps/web/app/dashboard/bookmarks/page.tsx
@@ -1,11 +1,23 @@
+import React from "react";
 import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
+import TopNav from "@/components/dashboard/bookmarks/TopNav";
+import UploadDropzone from "@/components/dashboard/UploadDropzone";
+import { Separator } from "@/components/ui/separator";
 
 export default async function BookmarksPage() {
   return (
-    <Bookmarks
-      header={<p className="text-2xl">Bookmarks</p>}
-      query={{ archived: false }}
-      showEditorCard={true}
-    />
+    <div>
+      <UploadDropzone>
+        <TopNav />
+        <Separator />
+        <div className="my-4 flex-1">
+          <Bookmarks
+            header={<p className="text-2xl">Bookmarks</p>}
+            query={{ archived: false }}
+            showEditorCard={true}
+          />
+        </div>
+      </UploadDropzone>
+    </div>
   );
 }