updated docs for pinia (#8)

* updated docs for pinia

* Moved old docs to archived

* Updated Map,Mission,Telemetry typing and archived old docs

* fix: Cleaned up structure of state management pages

---------

Co-authored-by: PlainOlSoapBar <86759315+PlainOlSoapBar@users.noreply.github.com>

Author: JasonAndyQuan

src/content/docs/archive-gcs/User Interface 24-25/State management/map-frontend.md

@@ -0,0 +1,78 @@
+---
+title: Map
+---
+ 
+The Map Store is responsible for managing the states of the Leaflet map and keep-in keep-out zones.
+
+The origin of the map `DEFAULT_MAP_ORIGIN` is set to `(33.932573934575075, -117.63059569114814)`, which is where Demo Day and the [Pomona Valley Model Airplane Club (Prado Airpark)](https://maps.app.goo.gl/EM29k7wvYRPZL1Ee9) are located.
+
+## Types and Interfaces
+
+```ts
+// src/lib/MapStore.types.ts
+export interface LayerProperties {
+  color: string;
+  visibility: boolean;
+}
+
+export interface ZoneLayer {
+  layer: L.Polygon;
+  properties: LayerProperties;
+}
+
+export interface StageLayer {
+  stageId: number;
+  polygon: ZoneLayer;
+  properties: LayerProperties;
+}
+
+export interface VehicleLayers {
+  stages: Record<number, StageLayer>;
+}
+
+export interface MissionLayers {
+  vehicles: Record<VehicleEnum, VehicleLayers>;
+  zones: {
+    KeepIn: (ZoneLayer | {})[];
+    KeepOut: (ZoneLayer | {})[];
+  };
+}
+
+export interface LayerTracking {
+  missions: Record<number, MissionLayers>;
+}
+
+export type LeafletMap = InstanceType<typeof LMap>;
+export interface LeafletMapGeoman extends LeafletMap {
+  leafletObject: LeafletMap['leafletObject'] & L.Map;
+}
+
+export interface MapStore {
+  map: LeafletMapGeoman | null;
+  mapOrigin: LatLng;
+  markerCoord: LatLngExpression;
+  layers: L.FeatureGroup<L.Polygon>;
+  localTileURL: string;
+  layerTracking: LayerTracking;
+  vehicleMarkers: Record<VehicleEnum, LatLngExpression>;
+
+  // Map Management
+  updateMapRef: (ref: LeafletMapGeoman | null) => void;
+  toggleDrawMode: () => void;
+  rerenderLayers: () => void;
+  logMapStore: () => void;
+  updateVehicleMarker: (vehicle: VehicleEnum, lat: number, lng: number) => void;
+  updateMarkerCoords: (vehicle: VehicleEnum, coords: LatLngExpression) => void;
+  getVehicleMarkers: () => Record<VehicleEnum, LatLngExpression>;
+
+  // Layer Management
+  updateStagePolygon: (missionId: number, vehicle: VehicleEnum, stageId: number) => void;
+  updateZonePolygon: (missionId: number, type: ZoneType, zoneIndex: number) => void;
+  removeStageLayer: (missionId: number, vehicle: VehicleEnum, stageId: number) => void;
+  getStageLayer: (missionId: number, vehicle: VehicleEnum, stageId: number) => StageLayer | undefined;
+  getZoneLayers: (missionId: number, type: ZoneType) => ZoneLayer[];
+  setZoneLayerVisibility: (missionId: number, type: ZoneType, zoneIndex: number) => void;
+  setStageLayerVisibility: (missionId: number, vehicle: VehicleEnum, stageId: number) => void;
+  updateLayerTracking: (state: MissionsStruct) => void;
+}
+```

src/content/docs/archive-gcs/User Interface 24-25/State management/mission-frontend.md

@@ -0,0 +1,61 @@
+---
+title: Mission
+---
+ 
+The Mission Store is responsible for managing the states of data related to vehicles, missions, stages, and zones.
+
+## Types and Interfaces
+
+```ts
+// src/lib/MissionStore.types.ts
+export type ViewType = 'mission' | 'vehicle' | 'stage' | 'zone';
+export interface ViewState {
+  currentView: ViewType;
+  currentMissionId: number | null;
+  currentVehicleName: VehicleEnum | null;
+  currentStageId: number | null;
+}
+
+export interface MissionStore {
+  // Backend State
+  state: MissionsStruct;
+  syncRustState: (state: MissionsStruct) => void;
+
+  // Frontend State
+  view: ViewState;
+
+  // METHODS
+
+  // Frontend State
+  setCurrentView: (view: ViewType) => void;
+  setCurrentMissionID: (missionId: number | null) => void;
+  setCurrentVehicleName: (vehicleName: VehicleEnum | null) => void;
+  setCurrentStageID: (stageId: number | null) => void;
+
+  // Mission Data
+  getAllMissions: () => MissionStruct[];
+  getMissionData: (missionId: number) => MissionStruct | undefined;
+  renameMission: (missionId: number, missionName: string) => Promise<null>;
+  createNewMission: (missionName: string) => Promise<null>;
+  deleteMission: (missionId: number) => Promise<null>;
+  startMission: (missionId: number) => Promise<null>;
+
+  // Vehicle Data
+  getVehicleData: (missionId: number, vehicleName: VehicleEnum) => VehicleStruct | undefined;
+  setAutoMode: (missionId: number, vehicleName: VehicleEnum, isAuto: boolean) => Promise<null>;
+
+  // Stage Data
+  getStageData: (missionId: number, vehicleName: VehicleEnum, stageId: number) => StageStruct | undefined;
+  addStage: (missionId: number, vehicleName: VehicleEnum) => Promise<null>;
+  deleteStage: (missionId: number, vehicleName: VehicleEnum, stageId: number) => Promise<null>;
+  renameStage: (missionId: number, vehicleName: VehicleEnum, stageId: number, stageName: string) => Promise<null>;
+  transitionStage: (missionId: number, vehicleName: VehicleEnum) => Promise<null>;
+  updateStageArea: (missionId: number, vehicleName: VehicleEnum, stageId: number, area: GeoCoordinateStruct[]) => Promise<null>;
+
+  // Zone Data
+  getZoneData: (missionId: number, zoneType: ZoneType) => GeoCoordinateStruct[][] | undefined;
+  addZone: (missionId: number, zoneType: ZoneType) => Promise<null>;
+  updateZone: (missionId: number, zoneType: ZoneType, zoneIndex: number, polygon: GeoCoordinateStruct[]) => Promise<null>;
+  deleteZone: (missionId: number, zoneType: ZoneType, zoneIndex: number) => Promise<null>;
+}
+```

src/content/docs/archive-gcs/User Interface 24-25/State management/telemetry-frontend.md

@@ -0,0 +1,24 @@
+---
+title: Telemetry
+---
+ 
+The Telemetry Store is responsible for managing the states of vehicle telemetry data, as well as their coordinates and map markers.
+
+## Types and Interfaces
+
+```ts
+// src/lib/TelemetryStore.types.ts
+export interface TelemetryStore {
+  // Backend State
+  state: VehicleTelemetryData;
+  syncRustState: (state: VehicleTelemetryData) => void;
+
+  // Methods
+  updateVehicleMarkers: (state: VehicleTelemetryData) => void;
+  updateVehicleCoords: (vehicle: VehicleEnum, coords: LatLngExpression) => void;
+  // simulateMovement: () => void;
+
+  // Telemetry Data
+  getTelemetry: () => VehicleTelemetryData;
+}
+```