fix: resolve Docker build errors - JSX ternary, missing barrel export, missing ActivityLog component

src/components/game/tabs/DisciplinesTab.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { useDisciplineStore } from '@/lib/game/stores/discipline-slice';
 import type { DisciplineDefinition } from '@/types/disciplines';
-import baseDisciplines from '../data/disciplines/base';
-import enchanterDisciplines from '../data/disciplines/enchanter';
-import fabricatorDisciplines from '../data/disciplines/fabricator';
-import invokerDisciplines from '../data/disciplines/invoker';
+import { baseDisciplines } from '@/lib/game/data/disciplines/base';
+import { enchanterDisciplines } from '@/lib/game/data/disciplines/enchanter';
+import { fabricatorDisciplines } from '@/lib/game/data/disciplines/fabricator';
+import { invokerDisciplines } from '@/lib/game/data/disciplines/invoker';
 import { calculateStatBonus, calculateManaDrain } from '@/lib/game/utils/discipline-math';
 import { useRef } from 'react';
 import clsx from 'clsx';
@@ -148,9 +148,11 @@ export const DisciplinesTab: React.FC = () => {
         <div className="mt-2">
           <strong>Perks:</strong>
           <ul className="mt-1 list-disc list-inside space-y-1 text-xs">
-            {unlockedPerks?.map((p) => (
-              <li key={p} className="text-green-500">{p.replace(/-([0-9]+)$/, ' $1')}</li>
-            )) : (
+            {unlockedPerks && unlockedPerks.length > 0 ? (
+              unlockedPerks.map((p) => (
+                <li key={p} className="text-green-500">{p.replace(/-([0-9]+)$/, ' $1')}</li>
+              ))
+            ) : (
               <li className="text-gray-400">—locked—</li>
             )}
           </ul>
@@ -193,11 +195,11 @@ export const DisciplinesTab: React.FC = () => {
           return (
             <button
               key={tab.label}
-              onClick={() =>
+              onClick={() => {
                 // Here you could dispatch an action to switch tabs if needed
                 // For simplicity, we just render the tabs
                 console.log(`Switch to ${tab.label}`);
-              }
+              }}
               className={clsx('rounded px-3 py-1', {
                 'bg-blue-600 text-white': tab.label === 'Base', // highlight first for demo
                 'text-gray-600': tab.label !== 'Base',