Modify search input styling and temporarily disable search type toggle

index.html

@@ -111,7 +111,7 @@
         totalPages: -1,
         useTestData: false,
         searchQuery: "",
-        searchType: "semantic",
+        searchType: "keyword",
         buttonClass(attr, filter) {
           if (this[attr] === filter) {
             return "text-orange-600 bg-gradient-to-br from-orange-300 to-orange-100 px-2 md:px-3 py-1 rounded-full";
@@ -233,16 +233,16 @@
                 x-model="searchQuery"
                 @input="searchThemes()"
                 placeholder="Search..."
-                class="px-3 py-1 border rounded-l-lg"
+                class="px-3 py-1 border rounded-lg"
               >
-              <div class="flex border border-l-0 rounded-r-lg overflow-hidden">
-                <!-- <button
+              <!-- <div class="flex border border-l-0 rounded-r-lg overflow-hidden">
+                <button
                   @click="switchSearchType('semantic')"
                   :class="searchType === 'semantic' ? 'bg-orange-300 text-white' : 'bg-white text-gray-800'"
                   class="px-3 py-1"
                 >
                   Semantic
-                </button> -->
+                </button>
                 <button
                   @click="switchSearchType('keyword')"
                   :class="searchType === 'keyword' ? 'bg-orange-300 text-white' : 'bg-white text-gray-800'"
@@ -250,7 +250,7 @@
                 >
                   Keyword
                 </button>
-              </div>
+              </div> -->
             </div>
           </div>
           <div class="flex gap-2">