fix(ui): keep search filter visible on system collections

templates/collections.templ

@@ -139,17 +139,17 @@ templ CollectionDetail(user User, collection CollectionData, books []handlers.Bo
 						<h2 class="text-lg font-bold tracking-tight" style="color: var(--text-primary)">Books in this Collection</h2>
 						<span x-show="selectedBooks.length > 0" x-text="selectedBooks.length + ' selected'" class="badge" style="display: none; background-color: var(--accent); color: var(--bg-primary);"></span>
 					</div>
-					if !collection.IsSystem {
-						<div class="flex flex-wrap gap-2 items-center">
-							<div class="flex-1 min-w-[200px] max-w-md">
-								<input
-									type="text"
-									id="collection-search"
-									placeholder="Search within collection..."
-									@input="filterCollectionBooks()"
-									class="input"
-								/>
-							</div>
+					<div class="flex flex-wrap gap-2 items-center">
+						<div class="flex-1 min-w-[200px] max-w-md">
+							<input
+								type="text"
+								id="collection-search"
+								placeholder="Search within collection..."
+								@input="filterCollectionBooks()"
+								class="input"
+							/>
+						</div>
+						if !collection.IsSystem {
 							<button
 								@click="requestBulkRemove()"
 								:disabled="selectedBooks.length === 0"
@@ -166,8 +166,8 @@ templ CollectionDetail(user User, collection CollectionData, books []handlers.Bo
 								@Icon("plus", "h-4 w-4")
 								<span>Add Books</span>
 							</button>
-						</div>
-					}
+						}
+					</div>
 				</div>
 				<div id="books-container" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
 					if len(books) == 0 {