refactor: Improve Gitea API error reporting and proxy logging, update tab content display, and add Globe texture cleanup.

src/canvas/Globe.jsx

@@ -27,6 +27,7 @@ const GlobeMesh = () => {
 
     // Generate Borders Texture using D3
     useEffect(() => {
+        let texture = null;
         const generateTexture = async () => {
             try {
                 // Fetch World Topology (small 110m res)
@@ -55,7 +56,7 @@ const GlobeMesh = () => {
                 context.stroke();
 
                 // Create Texture
-                const texture = new THREE.CanvasTexture(canvas);
+                texture = new THREE.CanvasTexture(canvas);
                 texture.needsUpdate = true;
                 setBordersTexture(texture);
             } catch (err) {
@@ -64,6 +65,10 @@ const GlobeMesh = () => {
         };
 
         generateTexture();
+
+        return () => {
+            if (texture) texture.dispose();
+        };
     }, []);
 
     // Ireland Coordinates

src/components/ActivityHeatmap.jsx

@@ -37,6 +37,7 @@ const ActivityHeatmap = () => {
                     }
                 } catch (e) {
                     console.warn("Gitea API error:", e);
+                    console.error('Failed to fetch Gitea heatmap. URL:', '/api/gitea/api/v1/users/Matiss/heatmap');
                 }
 
                 // 3. Process & Merge

src/components/GitHistory.jsx

@@ -61,6 +61,7 @@ const GitHistory = () => {
                         return commitsArrays.flat();
                     } catch (err) {
                         console.warn('Gitea history error:', err);
+                        console.error('Failed to fetch Gitea history. Check if the proxy is correctly configured and the target URL is reachable.');
                         return [];
                     }
                 };

src/components/InfoTabs.jsx

@@ -53,8 +53,12 @@ const InfoTabs = () => {
 
             {/* Content Area */}
             <div>
-                {activeTab === 'location' && <WhereAmI />}
+                <div style={{ display: activeTab === 'location' ? 'block' : 'none' }}>
-                {activeTab === 'git' && <GitSection />}
+                    <WhereAmI />
+                </div>
+                <div style={{ display: activeTab === 'git' ? 'block' : 'none' }}>
+                    <GitSection />
+                </div>
             </div>
         </div>
     );

vite.config.js

@@ -9,7 +9,19 @@ export default defineConfig({
       '/api/gitea': {
         target: 'https://git.mati.ss',
         changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api\/gitea/, '')
+        secure: false,
+        rewrite: (path) => path.replace(/^\/api\/gitea/, ''),
+        configure: (proxy, _options) => {
+          proxy.on('error', (err, _req, _res) => {
+            console.log('proxy error', err);
+          });
+          proxy.on('proxyReq', (proxyReq, req, _res) => {
+            console.log('Sending Request to the Target:', req.method, req.url);
+          });
+          proxy.on('proxyRes', (proxyRes, req, _res) => {
+            console.log('Received Response from the Target:', proxyRes.statusCode, req.url);
+          });
+        },
       }
     }
   }