From f3b7a45f15df28ebca8e4ab6ba1ef8fca150f046 Mon Sep 17 00:00:00 2001
From: "colin-codegen[bot]"
 <137733214+colin-codegen[bot]@users.noreply.github.com>
Date: Wed, 20 Sep 2023 15:58:47 +0000
Subject: [PATCH] Added a new ProfileAvatar component and inserted it into
 _app.tsx

---
 src/components/ProfileAvatar.tsx | 12 ++++++++++++
 src/pages/_app.tsx               |  2 ++
 2 files changed, 14 insertions(+)
 create mode 100644 src/components/ProfileAvatar.tsx

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>