feat: dotted create card

src/app/(protected)/dashboard/page.tsx

@@ -1,3 +1,4 @@
+import DottedCreateCard from '@/components/app/DottedCreateCard/DottedCreateCard';
 import ProjectCard from '@/components/app/ProjectCard/ProjectCard';
 import { Button } from '@/components/ui/button';
 import { validateRequest } from '@/lib/auth';
@@ -38,6 +39,7 @@ export default async function Page() {
       {db.map((d) => (
         <ProjectCard key={d.id} {...d} />
       ))}
+      <DottedCreateCard />
     </div>
   );
 }

src/components/app/DottedCreateCard/DottedCreateCard.tsx

@@ -0,0 +1,22 @@
+import { Plus, UserPlus } from 'lucide-react';
+import Link from 'next/link';
+
+export default function DottedCreateCard() {
+  return (
+    <div className="rounded-lg border bg-card text-card-foreground shadow-sm border-dashed">
+      <Link href="/create">
+        <div className="flex items-center justify-center h-[50%] w-full">
+          <Plus className='w-4 h-4 mr-2' />
+          <p className="text-muted-foreground">Create</p>
+        </div>
+      </Link>
+      <div className="rounded-lg border-t bg-card text-card-foreground shadow-sm border-dashed" />
+      <Link href="/join">
+        <div className="flex items-center justify-center h-[50%] w-full">
+          <UserPlus className='w-4 h-4 mr-2' />
+          <p className="text-muted-foreground">Join</p>
+        </div>
+      </Link>
+    </div>
+  );
+}

src/components/app/NavBar/NavBar.tsx

@@ -17,8 +17,7 @@ import { ThemeSwitcher } from "../ThemeSwitcher/ThemeSwitcher"
 
 export const links = [
   { href: '/dashboard', name: 'Dashboard' },
-  { href: '/create', name: 'Create' },
-  { href: '/join', name: 'Join' },
+  { href: 'https://github.com/sponsors/SrIzan10', name: '❤️ Donate' },
 ]
 
 function NavbarLinks() {