style: Update header component styling and menu links placement

Author: wajeht

src/views/components/header.html

@@ -8,16 +8,14 @@
       <div class="dropdown dropdown-end">
         <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
           <div class="w-10 rounded-full">
-            <img alt="Tailwind CSS Navbar component"
-              src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" />
+            <!-- <img alt="Tailwind CSS Navbar component" src="" /> -->
+            <div class="bg-gray-300 h-full w-full"></div>
           </div>
         </div>
         <ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
-          <li>
-            <a class="justify-between">Profile</a>
-          </li>
-          <li><a>Settings</a></li>
-          <li><a>Logout</a></li>
+          <li><a href="/profile" class="justify-between">Profile</a></li>
+          <li><a href="/settings">Settings</a></li>
+          <li><a href="/logout">Logout</a></li>
         </ul>
       </div>
     </div>