add scale and orientation indicator

src/prototype/utils/initialWidgets.ts

@@ -9,6 +9,7 @@ import {
   ownship,
 } from 'src/prototype/utils/initialShips';
 import { initialAcaHeaderWidget } from 'src/prototype/utils/initialAcaHeader';
+import SCALE_ORIENTATION_SVG from 'src/assets/scale-and-orientation.svg';
 
 const videoBoxUuid = uuid();
 const mapBoxUuid = uuid();
@@ -90,8 +91,37 @@ const initialLeftScreenWidgets: WidgetMap = {
   } satisfies HistoryWidget,
 };
 
+const scaleOrientationWidgetId = uuid();
+const scaleOrientationWidget: BasicWidget = {
+  id: scaleOrientationWidgetId,
+  sectionType: 'free',
+  screen: '/minimap',
+  type: 'basic',
+  x: 1696,
+  y: 960,
+  w: 174,
+  h: 78,
+  canOverlap: false,
+  useElementLocation: false,
+  maxAmount: 2,
+  elements: [
+    {
+      id: uuid(),
+      modality: 'visual',
+      widgetId: scaleOrientationWidgetId,
+      h: 78,
+      w: 174,
+      canOverlap: true,
+      type: 'image',
+      src: SCALE_ORIENTATION_SVG,
+    } satisfies ImageElement,
+  ],
+  tags: ['header'],
+};
+
 const initialMinimapWidgets: WidgetMap = {
   [initialAcaHeaderWidget.id]: initialAcaHeaderWidget,
+  [scaleOrientationWidget.id]: scaleOrientationWidget,
   ...initialShips,
 };