feat(topic state and command) - add tab

src/features/topics/sections/state.tsx

@@ -0,0 +1,22 @@
+import { useTopics } from "../hooks/queries";
+import { Edit, Trash2 } from "lucide-react";
+
+export default function StateSection() {
+  const { data } = useTopics();
+  return (
+    <>
+      {data?.map((item, key) => (
+        <div
+          key={key}
+          className="bg-white border-b border-neutral-200 p-4 flex justify-between"
+        >
+          <h1>{item.topic}</h1>
+          <div className="flex gap-2 ">
+            <Edit className="text-blue-500 cursor-pointer" size={18} />
+            <Trash2 className="text-red-500 cursor-pointer" size={18} />
+          </div>
+        </div>
+      ))}
+    </>
+  );
+}