Add info icon to Navbar and create User Page

src/lib/components/UserAvatar.svelte

@@ -1,10 +1,29 @@
 <script lang="ts">
+  import { enhance } from "$app/forms";
+
   export let user: any;
   let firstLetter = user.first_name.charAt(0);
 </script>
 
-<div class="avatar placeholder">
-  <div class="bg-neutral text-neutral-content rounded-full w-10 ml-4">
-    <span class="text-2xl">{firstLetter}</span>
+<div class="dropdown dropdown-bottom dropdown-end" tabindex="0" role="button">
+  <div class="avatar placeholder">
+    <div class="bg-neutral text-neutral-content rounded-full w-10 ml-4">
+      <span class="text-2xl">{firstLetter}</span>
+    </div>
   </div>
+  <!-- svelte-ignore a11y-missing-attribute -->
+  <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+  <ul
+    tabindex="0"
+    class="dropdown-content z-[1] menu p-2 shadow bg-neutral mt-2 rounded-box w-52"
+  >
+    <!-- svelte-ignore a11y-missing-attribute -->
+    <!-- svelte-ignore a11y-missing-attribute -->
+    <li><a>Profile</a></li>
+    <li><a>My Log</a></li>
+    <li><a>Settings</a></li>
+    <form method="post" action="/" use:enhance>
+      <li><button>Logout</button></li>
+    </form>
+  </ul>
 </div>