Fixed some wording

src/components/Header.astro

@@ -1,26 +1,14 @@
 ---
 import { siteConfig } from "../config/site";
+import { Icon } from "astro-icon/components";
 ---
 
 <header class="sticky top-0 z-50 backdrop-blur-lg bg-base-100/80 border-b border-base-200" role="banner">
     <div class="navbar max-w-7xl mx-auto px-4 lg:px-6">
         <div class="navbar-start">
             <div class="dropdown">
-                <div tabindex="0" role="button" class="btn btn-ghost btn-circle lg:hidden">
-                    <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        class="h-5 w-5"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        stroke="currentColor"
-                        aria-hidden="true"
-                    >
-                        <path
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="2"
-                            d="M4 6h16M4 12h8m-8 6h16"></path>
-                    </svg>
+                <div tabindex="0" role="button" class="btn btn-ghost btn-circle lg:hidden" aria-label="Open menu">
+                    <Icon name="heroicons:bars-3-bottom-left" class="h-5 w-5" />
                 </div>
                 <ul
                     tabindex="0"
@@ -45,7 +33,7 @@ import { siteConfig } from "../config/site";
             >
                 <img src="/logo.svg" alt="" class="h-8 w-8" aria-hidden="true" />
                 <span class="hidden sm:inline">{siteConfig.header.logo.text}</span>
-                <span class="sm:hidden">Atash</span>
+                <span class="sm:hidden">{siteConfig.header.mobileLogoText}</span>
             </a>
         </div>
         <nav class="navbar-center hidden lg:flex" aria-label="Main navigation">