Refactor FeedFilters component to simplify custom filter display

- Replaced the Collapsible component with a conditional div for displaying custom filters, enhancing clarity and reducing complexity in the UI.
- Removed unused imports related to the Collapsible component to clean up the code.

These changes improve the maintainability and readability of the FeedFilters component.

src/modules/nostr-feed/components/FeedFilters.vue

@@ -31,8 +31,7 @@
         </Button>
       </div>
 
-      <Collapsible v-model:open="showCustom">
+      <div v-if="showCustom" class="space-y-3">
-        <CollapsibleContent class="space-y-3">
           <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
             <div
               v-for="filter in availableFilters"
@@ -86,8 +85,7 @@
               Apply Custom Filters ({{ selectedFilters.length }})
             </Button>
           </div>
-        </CollapsibleContent>
+      </div>
-      </Collapsible>
     </div>
 
     <!-- Active Filters Display -->
@@ -121,7 +119,7 @@ import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Label } from '@/components/ui/label'
 import { Checkbox } from '@/components/ui/checkbox'
-import { Collapsible, CollapsibleContent } from '@/components/ui/collapsible'
+// import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'
 import { ChevronDown, X } from 'lucide-vue-next'
 import { FILTER_PRESETS, getAllContentFilters } from '../config/content-filters'
 import type { ContentFilter } from '../services/FeedService'