chore: Add user logo to UnsignedNav component

src/components/icons.tsx

@@ -0,0 +1,21 @@
+type IconProps = React.HTMLAttributes<SVGElement>;
+
+export const Icons = {
+  userLogo: (props: IconProps) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      className="lucide lucide-user"
+    >
+      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" />
+      <circle cx="12" cy="7" r="4" />
+    </svg>
+  ),
+};

src/components/navigationBar/Unsigned.tsx

@@ -24,6 +24,7 @@ import {
   navigationMenuTriggerStyle,
 } from "@/components/ui/navigation-menu";
 import { cn } from "@/lib/utils";
+import { Icons } from "@/components/icons"
 
 export function UnsignedNav() {
   const components = [
@@ -31,7 +32,7 @@ export function UnsignedNav() {
       title: "Businesses",
       href: "",
       description:
-        "A modal dialog that interrupts the user with important content and expects a response.",
+        "Apply",
     },
   ];
   return (
@@ -181,6 +182,7 @@ const ListItem = React.forwardRef<
           <div className="text-sm font-medium leading-none">{title}</div>
           <hr />
           <p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
+            <Icons.userLogo/>
             {children}
           </p>
         </a>