add desing issue

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

components/NavbarCom.vue

@@ -3,25 +3,25 @@ const theme = ref("light");
 </script>
 
 <template>
-  <header class="sticky top-0 p-6 bg-[#a2d9ff]">
-    <div class="container mx-auto max-w-6xl flex justify-between items-center">
-      <ul class="flex space-x-8">
-        <li>
-          <nuxt-link to="/">Home</nuxt-link>
+  <header class="sticky top-0 p-6 bg-[#a2d9ff] font-poppins">
+    <div class="container px-3 mx-auto max-w-6xl flex justify-between">
+      <ul class="flex space-x-8 items-end">
+        <li class="align">
+          <nuxt-link to="/">
+            <icon class="text-blue-700" size="35" name="mdi:robot-excited" />
+          </nuxt-link>
         </li>
         <li>
           <nuxt-link to="/latest">Latest</nuxt-link>
         </li>
         <li class="space-x-2">
           <nuxt-link to="/category">Category</nuxt-link>
-          <nuxt-link to="#">^</nuxt-link>
         </li>
-
         <li>
           <nuxt-link to="/archive">Archive</nuxt-link>
         </li>
       </ul>
-      <ul class="flex space-x-4">
+      <ul class="flex space-x-3 items-end">
         <li>
           <nuxt-link to="/">
             <icon size="25px" name="uil:github" />