Refactor: Implement unified responsive design

src/components/designers/DesignerFilters.tsx

@@ -84,7 +84,7 @@ export function DesignerFilters({ filters, onFiltersChange, designers }: Designe
         </Button>
       </div>
 
-      <FilterSection>
+      <FilterSection title="Basic Filters">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
           <div className="space-y-2">
             <Label>Entity Type</Label>

src/components/manufacturers/ManufacturerFilters.tsx

@@ -84,7 +84,7 @@ export function ManufacturerFilters({ filters, onFiltersChange, manufacturers }:
         </Button>
       </div>
 
-      <FilterSection>
+      <FilterSection title="Basic Filters">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
           <div className="space-y-2">
             <Label>Entity Type</Label>

src/components/operators/OperatorFilters.tsx

@@ -87,7 +87,7 @@ export function OperatorFilters({ filters, onFiltersChange, operators }: Operato
         </Button>
       </div>
 
-      <FilterSection>
+      <FilterSection title="Basic Filters">
         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
           <FilterMultiSelectCombobox
             label="Headquarters Country"

src/components/parks/ParkFilters.tsx

@@ -143,8 +143,8 @@ export function ParkFilters({ filters, onFiltersChange, parks }: ParkFiltersProp
         </Button>
       </div>
 
-      <FilterSection>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4">
+      <FilterSection title="Basic Filters">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
           {/* Park Type */}
           <div className="space-y-2">
             <Label>Park Type</Label>

src/components/rides/RideFilters.tsx

@@ -281,7 +281,7 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
 
       {/* Relationship Filters */}
       <FilterSection title="Parks & Companies">
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           <FilterMultiSelectCombobox
             label="Parks"
             options={parkOptions}