diff --git a/src/components/ProfileAvatar.tsx b/src/components/ProfileAvatar.tsx
new file mode 100644
index 0000000..dcead33
--- /dev/null
+++ b/src/components/ProfileAvatar.tsx
@@ -0,0 +1,12 @@
+// src/components/ProfileAvatar.tsx
+import React from 'react';
+
+const ProfileAvatar = () => {
+    return (
+        <div>
+            <img src="" alt="Profile Avatar" />
+        </div>
+    );
+};
+
+export default ProfileAvatar;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index b426627..f7000f9 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { type AppType } from "next/app";
+import ProfileAvatar from '@components/ProfileAvatar';
 import ThemeProvider from "@components/ui/Theme/ThemeProvider";
 import "../styles/globals.css";
 import { QueryClient, QueryClientProvider } from "react-query";
@@ -17,6 +18,7 @@ const MyApp: AppType = ({ Component, pageProps: { ...pageProps } }) => {
     // Provide the client to your App
     <ThemeProvider>
       <QueryClientProvider client={queryClient}>
+        <ProfileAvatar />
         <Component {...pageProps} />
       </QueryClientProvider>
     </ThemeProvider>