adding search btn on footer mobile

src/components/footer.astro

@@ -1,6 +1,8 @@
 ---
 import SidebarItem from "./sidebarComponents/sidebarItem.astro";
 import CucodersLogo from "./ui/cucodersLogo.astro";
+
+import SearchBtnFooter from "./ui/searchBtnFooter.svelte";
 ---
 
 <footer
@@ -79,20 +81,16 @@ import CucodersLogo from "./ui/cucodersLogo.astro";
       alt="Nuevo"
     /></button
   >
-  <a href="/eventos">
-    <img
-      src="/assets/img/icons/event-available-outline.svg"
-      class="h-9 w-9 m-2 rounded-md p-1 dark:invert dark:contrast-200 dark:saturate-0"
-      alt="Eventos"
-    /></a
-  >
+
   <a href="/empleos">
     <img
       src="/assets/img/icons/briefcase-line.svg"
       class="h-9 w-9 m-2 rounded-md p-1 dark:invert dark:contrast-200 dark:saturate-0"
       alt="Empleos"
     /></a
   >
+
+  <SearchBtnFooter client:only="svelte" />
 </footer>
 
 <!-- drawer component -->

src/components/ui/searchBtnFooter.svelte

@@ -0,0 +1,21 @@
+<script>
+  import { showSearch } from "../search-store";
+</script>
+
+<button
+  class="inline-flex items-center p-1 text-sm font-medium text-center text-gray-900 rounded-lg focus:outline-none dark:text-white"
+  type="button"
+  on:click={() => ($showSearch = true)}
+>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class="w-6 h-6 mx-1 opacity-90"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    data-v-301b6f53=""><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg
+  >
+</button>