Add new display config options

src/components/PageComponents/Config/Display.tsx

@@ -89,6 +89,25 @@ export const Display = (): JSX.Element => {
           />
         )}
       />
+      <Controller
+        name="flipScreen"
+        control={control}
+        render={({ field: { value, ...rest } }) => (
+          <Toggle
+            label="Flip Screen"
+            description="Description"
+            checked={value}
+            {...rest}
+          />
+        )}
+      />
+      <Select
+        label="Display Units"
+        description="This is a description."
+        {...register("units", { valueAsNumber: true })}
+      >
+        {renderOptions(Protobuf.Config_DisplayConfig_DisplayUnits)}
+      </Select>
     </Form>
   );
 };

src/validation/config/display.ts

@@ -14,4 +14,10 @@ export class DisplayValidation implements Protobuf.Config_DisplayConfig {
 
   @IsBoolean()
   compassNorthTop: boolean;
+
+  @IsBoolean()
+  flipScreen: boolean;
+
+  @IsEnum(Protobuf.Config_DisplayConfig_DisplayUnits)
+  units: Protobuf.Config_DisplayConfig_DisplayUnits;
 }