feat: add working filters

codebase/src/apis/character.service.tsx

@@ -448,10 +448,46 @@ const getOptions = () => {
 	);
 };
 
+const getFilterDrawer: Component<{}> = (props) => {
+	return (
+		<div>
+			<div class="drawer">
+				<input id="my-drawer" type="checkbox" class="drawer-toggle" />
+				<div class="drawer-content">
+					{/* <!-- Page content here --> */}
+					<label
+						for="my-drawer"
+						class="btn btn-primary drawer-button"
+					>
+						Open drawer
+					</label>
+				</div>
+				<div class="drawer-side">
+					<label
+						for="my-drawer"
+						aria-label="close sidebar"
+						class="drawer-overlay"
+					></label>
+					<ul class="menu p-4 w-80 min-h-full bg-base-200 text-base-content">
+						HHHH
+						<li>
+							<a>Sidebar Item 1</a>
+						</li>
+						<li>
+							<a>Sidebar Item 2</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	);
+};
+
 const CharacterService = {
 	getOptions,
 	getGender,
 	getPersonality,
+	getFilterDrawer,
 };
 
 export default CharacterService;

codebase/src/pages/Search.tsx

@@ -17,7 +17,7 @@ const handleFilterChange = (selectedOption: string) => {
 
 	switch (selectedOption) {
 		case "Characters":
-			filterOptions = CharacterService.getOptions();
+			filterOptions = CharacterService.getFilterDrawer();
 			break;
 		case "Factions":
 			filterOptions = FactionService.getOptions();