feat: reorder tabs, add early access notice, fix api version path

- Reorder game tabs to: Adventurers, Upgrades, Quests, Bosses, Equipment, Exploration, Crafting, Daily, Prestige, Transcendence, Apotheosis, Statistics, Achievements, Codex, About
- Add early access warning below guild hall click button
- Fix package.json resolution path in about route (prod/src/routes → ../../../)

apps/api/src/routes/about.ts

@@ -6,7 +6,7 @@ import type { AboutResponse, GiteaRelease } from "@elysium/types";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const { version: API_VERSION } = JSON.parse(
-  readFileSync(join(__dirname, "../../package.json"), "utf-8"),
+  readFileSync(join(__dirname, "../../../package.json"), "utf-8"),
 ) as { version: string };
 
 const GITEA_RELEASES_URL =

apps/web/src/components/game/ClickArea.tsx

@@ -60,6 +60,9 @@ export const ClickArea = (): React.JSX.Element => {
         ))}
       </div>
       <p className="click-power">+{formatNumber(clickPower)} gold/click</p>
+      <p className="early-access-notice">
+        ⚠️ Early Access — this build is subject to change. We reserve the right to reset all progress at any time during early access as needed to facilitate development.
+      </p>
     </section>
   );
 };

apps/web/src/components/game/GameLayout.tsx

@@ -31,14 +31,14 @@ const BASE_TABS: { id: Tab; label: string }[] = [
   { id: "quests", label: "📜 Quests" },
   { id: "bosses", label: "👹 Bosses" },
   { id: "equipment", label: "🗡️ Equipment" },
-  { id: "achievements", label: "🏆 Achievements" },
+  { id: "exploration", label: "🗺️ Exploration" },
+  { id: "crafting", label: "⚗️ Crafting" },
+  { id: "daily", label: "📅 Daily" },
   { id: "prestige", label: "⭐ Prestige" },
   { id: "transcendence", label: "🌌 Transcendence" },
   { id: "apotheosis", label: "✨ Apotheosis" },
-  { id: "exploration", label: "🗺️ Exploration" },
-  { id: "crafting", label: "⚗️ Crafting" },
   { id: "statistics", label: "📊 Statistics" },
-  { id: "daily", label: "📅 Daily" },
+  { id: "achievements", label: "🏆 Achievements" },
   { id: "codex", label: "📖 Codex" },
   { id: "about", label: "ℹ️ About" },
 ];

apps/web/src/styles.css

@@ -2874,3 +2874,15 @@ body {
   color: var(--colour-text-muted);
   font-size: 0.9rem;
 }
+
+.early-access-notice {
+  background: rgba(255, 180, 0, 0.08);
+  border: 1px solid rgba(255, 180, 0, 0.35);
+  border-radius: 6px;
+  color: var(--colour-text-muted);
+  font-size: 0.75rem;
+  line-height: 1.4;
+  margin-top: 0.75rem;
+  padding: 0.5rem 0.75rem;
+  text-align: center;
+}