chore: change styles and add Api for user profile

src/hooks/useApi.ts

@@ -0,0 +1,26 @@
+import { useState, useEffect } from 'react';
+
+type ApiFunction<T> = () => Promise<{ data: T }>;
+
+export function useApi<T>(apiFunction: ApiFunction<T>) {
+  const [data, setData] = useState<T | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<unknown>(null);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const response = await apiFunction();
+        setData(response.data);
+      } catch (err) {
+        setError(err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [apiFunction]);
+
+  return { data, loading, error };
+}