[Docs Site] Fix ResourcesBySelector styling

Author: KianNH

src/components/ResourcesBySelector.astro

@@ -48,9 +48,11 @@ const facets = resources.reduce(
 );
 ---
 
-<ResourcesBySelectorReact
-	resources={resources}
-	facets={facets}
-	filters={filterables}
-	client:load
-/>
+<div>
+	<ResourcesBySelectorReact
+		resources={resources}
+		facets={facets}
+		filters={filterables}
+		client:load
+	/>
+</div>

src/components/ResourcesBySelector.tsx

@@ -62,7 +62,11 @@ export default function ResourcesBySelector({
 				<div className="not-content">
 					<ReactSelect
 						className="mt-2"
-						value={{ value: selectedFilter, label: selectedFilter }}
+						value={
+							selectedFilter
+								? { value: selectedFilter, label: selectedFilter }
+								: null
+						}
 						options={options}
 						onChange={handleFilterChange}
 						isClearable