refactor: refactor the color schema

src/components/data-table/Header/SearchBar.tsx

@@ -0,0 +1,17 @@
+"use client";
+import { SearchIcon } from "lucide-react";
+import { Input } from "@/components/ui/input";
+
+const SearchBar = () => {
+  return (
+    <div className="relative w-full">
+      <SearchIcon className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+      <Input
+        placeholder="Search..."
+        className="pl-8 h-9 text-sm"
+      />
+    </div>
+  );
+};
+
+export default SearchBar;