fix: correct deployment workflow to force sync with remote

Fix the deployment script to properly force the remote server to always
match the git repository state, regardless of local changes.

Changes:
- Replace invalid `git pull --force` with proper fetch and reset
- Add `git remote set-url origin` to ensure correct URL with auth token
- Use `git fetch origin` to download latest changes
- Use `git reset --hard origin/master` to force match remote state

This ensures clean deployments even if there are local modifications or
conflicts on the remote server, while preserving untracked files like .env.

.gitea/workflows/upload.yml

@@ -28,7 +28,8 @@ jobs:
         port: 22
         script: |
           cd /usr/share/webapps/homepage
-          git pull --force https://Alexander:${{ secrets.homepage_gitea_token }}@git.bocken.org/Alexander/homepage
+          git remote set-url origin https://Alexander:${{ secrets.homepage_gitea_token }}@git.bocken.org/Alexander/homepage
+          git fetch origin
           git reset --hard origin/master
           npm run build
           sudo systemctl restart homepage.service

src/lib/components/FavoritesFilter.svelte

@@ -10,8 +10,7 @@
 	} = $props();
 
 	const isEnglish = $derived(lang === 'en');
-	const label = $derived(isEnglish ? 'Favorites Only' : 'Nur Favoriten');
+	const label = $derived(isEnglish ? 'Favorites' : 'Favoriten');
-	const loginRequiredLabel = $derived(isEnglish ? 'Login required' : 'Anmeldung erforderlich');
 
 	let checked = $state(enabled);
 
@@ -57,24 +56,13 @@
 			text-align: left;
 		}
 	}
-
-	.login-required {
-		font-size: 0.85rem;
-		color: var(--nord3);
-		font-style: italic;
-		padding: 0.5rem 0;
-	}
 </style>
 
 <div class="filter-section">
 	<div class="filter-label">{label}</div>
-	{#if isLoggedIn}
+	<Toggle
-		<Toggle
+		bind:checked={checked}
-			bind:checked={checked}
+		label=""
-			label=""
+		on:change={handleChange}
-			on:change={handleChange}
+	/>
-		/>
-	{:else}
-		<div class="login-required">{loginRequiredLabel}</div>
-	{/if}
 </div>

src/lib/components/FilterPanel.svelte

@@ -79,11 +79,18 @@
 
 	.filter-panel {
 		display: grid;
-		grid-template-columns: 120px 120px 1fr 160px 140px;
 		gap: 2rem;
 		align-items: start;
 	}
 
+	.filter-panel.with-favorites {
+		grid-template-columns: 120px 120px 1fr 160px 90px;
+	}
+
+	.filter-panel.without-favorites {
+		grid-template-columns: 120px 120px 1fr 160px;
+	}
+
 	@media (max-width: 968px) {
 		.toggle-button {
 			display: flex;
@@ -125,7 +132,7 @@
 		<span class="arrow" class:open={filtersOpen}>▼</span>
 	</button>
 
-	<div class="filter-panel" class:open={filtersOpen}>
+	<div class="filter-panel" class:open={filtersOpen} class:with-favorites={isLoggedIn} class:without-favorites={!isLoggedIn}>
 		<CategoryFilter
 			categories={availableCategories}
 			selected={selectedCategory}
@@ -154,11 +161,13 @@
 			{months}
 		/>
 
-		<FavoritesFilter
+		{#if isLoggedIn}
-			enabled={selectedFavoritesOnly}
+			<FavoritesFilter
-			onToggle={onFavoritesToggle}
+				enabled={selectedFavoritesOnly}
-			{isLoggedIn}
+				onToggle={onFavoritesToggle}
-			{lang}
+				{isLoggedIn}
-		/>
+				{lang}
+			/>
+		{/if}
 	</div>
 </div>

src/lib/components/Search.svelte

@@ -27,6 +27,7 @@
     });
 
     let searchQuery = $state('');
+    let showFilters = $state(false);
 
     // Filter data loaded from APIs
     let availableTags = $state([]);
@@ -246,6 +247,9 @@
             clearButton.style.display = 'flex';
         }
 
+        // Enable filter panel for JS-enabled browsers
+        showFilters = true;
+
         // Get initial search value from URL if present
         const urlParams = new URLSearchParams(window.location.search);
         const urlQuery = urlParams.get('q');
@@ -340,20 +344,22 @@ scale: 0.8 0.8;
   </button>
 </form>
 
-<FilterPanel
+{#if showFilters}
-  availableCategories={categories}
+  <FilterPanel
-  {availableTags}
+    availableCategories={categories}
-  {availableIcons}
+    {availableTags}
-  {selectedCategory}
+    {availableIcons}
-  {selectedTags}
+    {selectedCategory}
-  {selectedIcon}
+    {selectedTags}
-  {selectedSeasons}
+    {selectedIcon}
-  {selectedFavoritesOnly}
+    {selectedSeasons}
-  {lang}
+    {selectedFavoritesOnly}
-  {isLoggedIn}
+    {lang}
-  onCategoryChange={handleCategoryChange}
+    {isLoggedIn}
-  onTagToggle={handleTagToggle}
+    onCategoryChange={handleCategoryChange}
-  onIconChange={handleIconChange}
+    onTagToggle={handleTagToggle}
-  onSeasonChange={handleSeasonChange}
+    onIconChange={handleIconChange}
-  onFavoritesToggle={handleFavoritesToggle}
+    onSeasonChange={handleSeasonChange}
-/>
+    onFavoritesToggle={handleFavoritesToggle}
+  />
+{/if}