room restructure part 1

templates/components/room_search.html

@@ -0,0 +1,13 @@
+{% macro room_search(search) %}
+<div class="bg-white rounded-lg shadow-sm p-4 mb-4">
+    <form method="GET" class="d-flex align-items-center w-100 justify-content-between" id="roomFilterForm" style="gap: 1rem;">
+        <input type="text" name="search" placeholder="Search rooms..." value="{{ search }}" class="form-control flex-grow-1" id="roomSearchInput" autocomplete="off" style="min-width: 0;" />
+        <button type="button" id="clearRoomsFilter" class="px-4 py-2 rounded-lg text-white font-medium transition-colors duration-200 ms-2 flex-shrink-0"
+            style="background-color: #16767b; border: 1px solid #16767b;"
+            onmouseover="this.style.backgroundColor='#1a8a90'"
+            onmouseout="this.style.backgroundColor='#16767b'">
+            Clear
+        </button>
+    </form>
+</div>
+{% endmacro %}