refactor(common): update background of Navbar component & removed buttons

Author: usmonovshohruxmirzo

src/components/common/Navbar.astro

@@ -1,8 +1,8 @@
 ---
-import { FaBars, FaGithub, FaHome, FaMoon } from "react-icons/fa"
+import { FaBars, FaGithub, FaMoon } from "react-icons/fa"
 ---
 
-<nav class="w-full fixed bg-black after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-white/10">
+<nav class="w-full fixed backdrop-blur-xl after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-white/10">
   <div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
     <div class="relative flex h-16 items-center justify-between">
       <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
@@ -26,16 +26,11 @@ import { FaBars, FaGithub, FaHome, FaMoon } from "react-icons/fa"
         </div>
       </div>
       <div class="absolute inset-y-0 right-0 flex gap-2 items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
-        <button type="button" class="relative rounded-full p-1 text-gray-400 hover:text-white focus:outline-2 focus:outline-offset-2 focus:outline-indigo-500 text-2xl">
+        <button type="button" class="relative rounded-full p-1 text-white cursor-pointer hover:text-white text-2xl">
           <span class="absolute -inset-1.5"></span>
           <span class="sr-only">Github</span>
           <FaGithub />
         </button>
-        <button type="button" class="relative rounded-full p-1 text-gray-400 hover:text-white focus:outline-2 focus:outline-offset-2 focus:outline-indigo-500 text-2xl">
-          <span class="absolute -inset-1.5"></span>
-          <span class="sr-only">Github</span>
-          <FaMoon />
-        </button>
       </div>
     </div>
   </div>