fix(CheckboxFilter): change checkbox gaps

.gitignore

@@ -33,3 +33,4 @@ vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 
 /docs
+AGENTS.md

dprint.json

@@ -24,12 +24,10 @@
     "trailingCommas": "onlyMultiLine",
     "arrowFunction.useParentheses": "preferNone",
 
-    // Import sorting configuration
     "module.sortImportDeclarations": "caseSensitive",
     "module.sortExportDeclarations": "caseSensitive",
     "importDeclaration.sortNamedImports": "caseSensitive",
 
-    // Additional import formatting options
     "importDeclaration.forceMultiLine": "whenMultiple",
     "importDeclaration.forceSingleLine": false,
     "exportDeclaration.forceMultiLine": "whenMultiple",
@@ -50,7 +48,6 @@
     "scriptIndent": false,
     "styleIndent": false,
 
-    // Svelte-specific formatting
     "vBindStyle": "short",
     "vOnStyle": "short",
     "formatComments": true

src/app/ui/Layout.svelte

@@ -15,7 +15,7 @@
  */
 import favicon from '$shared/assets/favicon.svg';
 import * as Sidebar from '$shared/shadcn/ui/sidebar/index';
-import { AppSidebar } from '$widgets/AppSidebar';
+import { FiltersSidebar } from '$widgets/FiltersSidebar';
 
 /** Slot content for route pages to render */
 let { children } = $props();
@@ -29,13 +29,12 @@ let { children } = $props();
     <header></header>
 
     <Sidebar.Provider>
-        <AppSidebar />
+        <FiltersSidebar />
         <main>
             <Sidebar.Trigger />
             {@render children?.()}
         </main>
     </Sidebar.Provider>
-
     <footer></footer>
 </div>
 

src/shared/ui/CheckboxFilter/CheckboxFilter.svelte

@@ -110,7 +110,7 @@ const hasSelection = $derived(selectedCount > 0);
             class="border-t"
         >
             <div class="px-4 py-3">
-                <div class="flex flex-col gap-1.5">
+                <div class="flex flex-col gap-0.5">
                     <!-- Each item: checkbox + label with interactive hover/focus states -->
                     <!-- Keyed by property.id for efficient DOM updates -->
                     {#each properties as property (property.id)}

src/widgets/AppSidebar/index.ts

@@ -1,3 +0,0 @@
-import AppSidebar from './ui/AppSidebar.svelte';
-
-export { AppSidebar };

src/widgets/FiltersSidebar/index.ts

@@ -0,0 +1,3 @@
+import FiltersSidebar from './ui/FiltersSidebar.svelte';
+
+export { FiltersSidebar };

src/widgets/FiltersSidebar/ui/FiltersSidebar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 /**
- * AppSidebar Component
+ * FiltersSidebar Component
  *
  * Main application sidebar widget. Contains filter controls and action buttons
  * for font filtering operations. Organized into two sections: