feat: clickable username with context menu

src/App.tsx

@@ -7,34 +7,25 @@ import { BrowserRouter, Routes, Route } from "react-router";
 import { SessionProvider } from "./Session";
 import { GraphComponent } from "./Network";
 import MVPChart from "./MVPChart";
+import Avatar from "./Avatar";
 
 function App() {
   return (
     <BrowserRouter>
-      <Header />
-      <Routes>
-        <Route index element={<Rankings />} />
+      <SessionProvider>
+        <Header />
+        <Avatar />
+        <Routes>
+          <Route index element={<Rankings />} />
 
-        <Route path="/network" element={
-          <SessionProvider>
-            <GraphComponent />
-          </SessionProvider>
-        } />
+          <Route path="/network" element={<GraphComponent />} />
 
-        <Route path="/analysis" element={
-          <SessionProvider>
-            <Analysis />
-          </SessionProvider>
-        } />
+          <Route path="/analysis" element={<Analysis />} />
 
-        <Route path="/mvp" element={
-          <SessionProvider>
-            <MVPChart />
-          </SessionProvider>
-        } />
-
-      </Routes>
-      <Footer />
+          <Route path="/mvp" element={<MVPChart />} />
+        </Routes>
+        <Footer />
+      </SessionProvider>
     </BrowserRouter>
   );
 }