feat: Add support for rotating camera streams (#2149)

* Closes #1307

src/editor.ts

@@ -54,6 +54,7 @@ import {
   CONF_CAMERAS_ARRAY_DIMENSIONS_LAYOUT_VIEW_BOX_RIGHT,
   CONF_CAMERAS_ARRAY_DIMENSIONS_LAYOUT_VIEW_BOX_TOP,
   CONF_CAMERAS_ARRAY_DIMENSIONS_LAYOUT_ZOOM_FACTOR,
+  CONF_CAMERAS_ARRAY_DIMENSIONS_ROTATION,
   CONF_CAMERAS_ARRAY_FRIGATE_CAMERA_NAME,
   CONF_CAMERAS_ARRAY_FRIGATE_CLIENT_ID,
   CONF_CAMERAS_ARRAY_FRIGATE_LABELS,
@@ -962,6 +963,14 @@ export class AdvancedCameraCardEditor extends LitElement implements LovelaceCard
     { value: 'traditional', label: localize('config.view.theme.themes.traditional') },
   ];
 
+  protected _rotations: EditorSelectOption[] = [
+    { value: '', label: '' },
+    { value: 0, label: localize('config.cameras.dimensions.rotations.0') },
+    { value: 90, label: localize('config.cameras.dimensions.rotations.90') },
+    { value: 180, label: localize('config.cameras.dimensions.rotations.180') },
+    { value: 270, label: localize('config.cameras.dimensions.rotations.270') },
+  ];
+
   public setConfig(config: RawAdvancedCameraCardConfig): void {
     // Note: This does not use Zod to parse the full configuration, so it may be
     // partially or completely invalid. It's more useful to have a partially
@@ -2466,6 +2475,13 @@ export class AdvancedCameraCardEditor extends LitElement implements LovelaceCard
                       cameraIndex,
                     ),
                   )}
+                  ${this._renderOptionSelector(
+                    getArrayConfigPath(
+                      CONF_CAMERAS_ARRAY_DIMENSIONS_ROTATION,
+                      cameraIndex,
+                    ),
+                    this._rotations,
+                  )}
                   ${this._renderMediaLayout(
                     MENU_CAMERAS_DIMENSIONS_LAYOUT,
                     'config.cameras.dimensions.layout.editor_label',