feat(platform): add vehicle scenario navigation

vehicle-data-platform/apps/web/src/styles/global.css

@@ -1160,6 +1160,42 @@ button.vp-realtime-command-item:focus-visible {
   line-height: 32px;
 }
 
+.vp-scenario-grid {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.vp-scenario-item {
+  min-height: 220px;
+  padding: 14px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+  display: grid;
+  gap: 12px;
+  align-content: space-between;
+}
+
+.vp-scenario-main {
+  display: grid;
+  gap: 8px;
+}
+
+.vp-scenario-main .semi-typography {
+  line-height: 20px;
+}
+
+.vp-scenario-evidence {
+  min-height: 42px;
+  padding: 10px;
+  border-radius: 6px;
+  background: rgba(22, 100, 255, 0.06);
+  color: var(--vp-text);
+  font-size: 12px;
+  line-height: 18px;
+}
+
 .vp-operation-step {
   min-height: 176px;
   padding: 14px;
@@ -1317,6 +1353,7 @@ button.vp-realtime-command-item:focus-visible {
   .vp-realtime-command-board,
   .vp-realtime-command-grid,
   .vp-workbench-grid,
+  .vp-scenario-grid,
   .vp-operation-flow,
   .vp-service-model-grid,
   .vp-capability-grid,