Add project documentation, assets, and navigation updates

- Add CLAUDE.md with project setup and development instructions
- Add memray-logo.png asset for branding
- Configure GitHub image domains in next.config.ts
- Add About page to navigation header

Author: pablogsal

frontend/next.config.ts

@@ -9,13 +9,20 @@ const nextConfig: NextConfig = {
     ignoreDuringBuilds: true,
   },
   images: {
+    unoptimized: true,
     remotePatterns: [
       {
         protocol: 'https',
         hostname: 'placehold.co',
         port: '',
         pathname: '/**',
       },
+      {
+        protocol: 'https',
+        hostname: 'github.com',
+        port: '',
+        pathname: '/**',
+      },
     ],
   },
   output: 'standalone',

frontend/public/memray-logo.png

@@ -9,16 +9,51 @@ import {
 } from '@/components/ui/collapsible';
 import Image from 'next/image';
 import Link from 'next/link';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
+import { api } from '@/lib/api';
 
 interface FAQItem {
   question: string;
   answer: string;
   icon?: React.ElementType;
 }
 
+interface AdminUser {
+  id: number;
+  github_username: string;
+  added_by: string;
+  added_at: string;
+  is_active: boolean;
+  notes?: string;
+}
+
 export default function AboutPage() {
   const [openFAQ, setOpenFAQ] = useState<string | null>(null);
+  const [adminUsers, setAdminUsers] = useState<AdminUser[]>([]);
+  const [isLoadingAdmins, setIsLoadingAdmins] = useState(true);
+
+  useEffect(() => {
+    const fetchAdminUsers = async () => {
+      try {
+        const users = await api.getAdminUsers();
+        setAdminUsers(users.filter(user => user.is_active));
+      } catch (error) {
+        console.error('Failed to fetch admin users:', error);
+        // Fallback to hardcoded admin if API fails
+        setAdminUsers([{
+          id: 1,
+          github_username: 'pablogsal',
+          added_by: 'system',
+          added_at: new Date().toISOString(),
+          is_active: true
+        }]);
+      } finally {
+        setIsLoadingAdmins(false);
+      }
+    };
+
+    fetchAdminUsers();
+  }, []);
 
   const faqItems: FAQItem[] = [
     {
@@ -313,25 +348,31 @@ export default function AboutPage() {
               Reach out via GitHub or the CPython Discord channel
             </p>
             <div className="flex flex-wrap gap-4 justify-center">
-              {/* Pablo's profile */}
-              <Link
-                href="https://github.com/pablogsal"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="flex items-center gap-3 px-4 py-2 rounded-lg bg-background hover:bg-muted group"
-              >
-                <Image
-                  src="https://github.com/pablogsal.png"
-                  alt="Pablo Galindo Salgado"
-                  width={40}
-                  height={40}
-                  className="rounded-full ring-2 ring-muted group-hover:ring-primary"
-                />
-                <div className="text-left">
-                  <p className="font-medium group-hover:text-primary">Pablo Galindo Salgado</p>
-                  <p className="text-sm text-muted-foreground">@pablogsal</p>
-                </div>
-              </Link>
+              {isLoadingAdmins ? (
+                <div className="text-muted-foreground">Loading maintainers...</div>
+              ) : (
+                adminUsers.map((admin) => (
+                  <Link
+                    key={admin.id}
+                    href={`https://github.com/${admin.github_username}`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center gap-3 px-4 py-2 rounded-lg bg-background hover:bg-muted group"
+                  >
+                    <Image
+                      src={`https://github.com/${admin.github_username}.png`}
+                      alt={admin.github_username}
+                      width={40}
+                      height={40}
+                      className="rounded-full ring-2 ring-muted group-hover:ring-primary"
+                    />
+                    <div className="text-left">
+                      <p className="font-medium group-hover:text-primary">{admin.github_username}</p>
+                      <p className="text-sm text-muted-foreground">@{admin.github_username}</p>
+                    </div>
+                  </Link>
+                ))
+              )}
             </div>
           </div>
         </CardContent>

frontend/src/app/about/page.tsx

@@ -10,7 +10,8 @@ import {
   Moon,
   GitCompare,
   GitBranch,
-} from 'lucide-react'; // Removed UploadCloud
+  Info,
+} from 'lucide-react';
 import { useTheme } from 'next-themes';
 import { Button } from '@/components/ui/button';
 import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
@@ -23,7 +24,7 @@ const navItems = [
   { href: '/version-comparison', label: 'Version Comparison', icon: GitBranch },
   { href: '/diff', label: 'Inspect Run Results', icon: GitCompareArrows },
   { href: '/binaries', label: 'Binary Configurations', icon: ListChecks },
-  // { href: '/upload', label: 'Upload Data', icon: UploadCloud }, // Removed
+  { href: '/about', label: 'About', icon: Info },
 ];
 
 export default function Header() {

frontend/src/components/layout/Header.tsx

@@ -251,13 +251,13 @@ export const api = {
 
   // Token management endpoints
   getTokens: () =>
-    fetchApi<AuthToken[]>('/api/admin/tokens', {
+    fetchApi<AuthToken[]>('/admin/tokens', {
       credentials: 'include',
     }),
 
   createToken: (tokenData: TokenCreate) =>
     fetchApi<{ success: boolean; token: string; token_info: AuthToken }>(
-      '/api/admin/tokens',
+      '/admin/tokens',
       {
         method: 'POST',
         credentials: 'include',
@@ -266,32 +266,32 @@ export const api = {
     ),
 
   updateToken: (tokenId: number, tokenUpdate: TokenUpdate) =>
-    fetchApi<AuthToken>(`/api/admin/tokens/${tokenId}`, {
+    fetchApi<AuthToken>(`/admin/tokens/${tokenId}`, {
       method: 'PUT',
       credentials: 'include',
       body: JSON.stringify(tokenUpdate),
     }),
 
   deactivateToken: (tokenId: number) =>
-    fetchApi<{ success: boolean }>(`/api/admin/tokens/${tokenId}/deactivate`, {
+    fetchApi<{ success: boolean }>(`/admin/tokens/${tokenId}/deactivate`, {
       method: 'POST',
       credentials: 'include',
     }),
 
   activateToken: (tokenId: number) =>
-    fetchApi<{ success: boolean }>(`/api/admin/tokens/${tokenId}/activate`, {
+    fetchApi<{ success: boolean }>(`/admin/tokens/${tokenId}/activate`, {
       method: 'POST',
       credentials: 'include',
     }),
 
   deleteToken: (tokenId: number) =>
-    fetchApi<{ success: boolean }>(`/api/admin/tokens/${tokenId}`, {
+    fetchApi<{ success: boolean }>(`/admin/tokens/${tokenId}`, {
       method: 'DELETE',
       credentials: 'include',
     }),
 
   getTokenAnalytics: () =>
-    fetchApi<TokenAnalytics>('/api/admin/tokens/analytics', {
+    fetchApi<TokenAnalytics>('/admin/tokens/analytics', {
       credentials: 'include',
     }),
 
@@ -304,7 +304,7 @@ export const api = {
       added_at: string;
       is_active: boolean;
       notes?: string;
-    }>>('/api/admin/users', {
+    }>>('/admin/users', {
       credentials: 'include',
     }),
 };