structure + layout header sidebar

src/pages/profile/hooks/useProfileData.ts

@@ -0,0 +1,21 @@
+import { useQuery } from "@tanstack/react-query";
+import axios from "@/config/axios";
+
+export interface ProfileData {
+  user: {
+    firstName: string;
+    lastName: string;
+    email: string;
+    profilePic?: string;
+  };
+}
+
+export const useGetProfile = () => {
+  return useQuery({
+    queryKey: ["profile"],
+    queryFn: async (): Promise<{ data: ProfileData }> => {
+      const response = await axios.get("/profile");
+      return response.data;
+    },
+  });
+};