M8: add operational authentication mode

frontend/src/pages/Dashboard.tsx

@@ -46,7 +46,7 @@ export function Dashboard() {
   const { t } = useTranslation(["dashboard", "common", "integrations", "quality"]);
   const { formatTime, formatShortDate, formatNumber } = useLocaleFormat();
   const greetingPeriod = useGreetingPeriod();
-  const { user } = useAuth();
+  const { user, demoMode } = useAuth();
   const { manifest } = useDemoManifest();
   const { openGuide, restart, currentIndex, completed, totalSteps } = useDemoGuide();
   const [searchParams, setSearchParams] = useSearchParams();
@@ -114,7 +114,7 @@ export function Dashboard() {
     <div className="page dashboard-page">
       <PageHeader eyebrow={t("eyebrow")} title={greetingTitle} description={t("description")} actions={<Link className="button button-secondary" to="/vehicles"><Icon name="fleet" /> {t("viewFleet")}</Link>} />
 
-      <section className="demo-start-panel" aria-label={t("demoStart.title")}>
+      {demoMode && <section className="demo-start-panel" aria-label={t("demoStart.title")}>
         <div>
           <Icon name="spark" />
           <div>
@@ -132,7 +132,7 @@ export function Dashboard() {
           )}
           <Link className="button button-primary" to="/scenarios">{t("demoStart.viewScenarios")} <Icon name="chevron" /></Link>
         </div>
-      </section>
+      </section>}
 
       <section className="readiness-band" aria-labelledby="readiness-heading">
         <div className="readiness-label">