feat: add public player profile page

apps/web/src/components/ui/ResourceBar.tsx

@@ -4,9 +4,10 @@ import { formatNumber } from "../../utils/format.js";
 interface ResourceBarProps {
   resources: Resource;
   prestigeCount: number;
+  profileUrl: string;
 }
 
-export const ResourceBar = ({ resources, prestigeCount }: ResourceBarProps): React.JSX.Element => (
+export const ResourceBar = ({ resources, prestigeCount, profileUrl }: ResourceBarProps): React.JSX.Element => (
   <header className="resource-bar">
     <div className="resource">
       <span className="resource-icon">🪙</span>
@@ -33,5 +34,14 @@ export const ResourceBar = ({ resources, prestigeCount }: ResourceBarProps): Rea
         ⭐ Prestige {prestigeCount}
       </div>
     )}
+    <a
+      className="profile-link-button"
+      href={profileUrl}
+      rel="noreferrer"
+      target="_blank"
+      title="View your public profile"
+    >
+      👤 Profile
+    </a>
   </header>
 );