Enable Prettier "quoteProps": "consistent"

Author: colinrotherham

.prettierrc

@@ -1,5 +1,6 @@
 {
   "printWidth": 100,
+  "quoteProps": "consistent",
   "semi": true,
   "singleQuote": true,
   "tabWidth": 2,

src/components/form-elements/character-count/CharacterCount.tsx

@@ -34,12 +34,12 @@ export const CharacterCount = forwardRef<HTMLTextAreaElement, CharacterCountProp
         inputType="textarea"
         formGroupProps={{
           ...formGroupProps,
-          className: classNames('nhsuk-character-count', formGroupProps?.className),
+          'className': classNames('nhsuk-character-count', formGroupProps?.className),
           'data-module': 'nhsuk-character-count',
           'data-maxlength': maxLength,
           'data-maxwords': maxWords,
           'data-threshold': threshold,
-          ref: moduleRef,
+          'ref': moduleRef,
         }}
         {...rest}
       >

src/components/navigation/header/HeaderContext.ts

@@ -2,9 +2,9 @@ import { createContext, type Dispatch, type SetStateAction } from 'react';
 
 export interface IHeaderContext {
   logoProps?: {
-    href?: string;
-    src?: string;
-    alt?: string;
+    'href'?: string;
+    'src'?: string;
+    'alt'?: string;
     'aria-label'?: string;
   };
   serviceProps?: {

src/util/types/FormTypes.ts

@@ -7,22 +7,22 @@ import { type LabelProps } from '#components/form-elements/label/index.js';
 import { type LegendProps } from '#components/form-elements/legend/index.js';
 
 export interface FormElementProps {
-  fieldsetProps?: FieldsetProps;
-  legend?: string;
-  legendProps?: LegendProps;
-  label?: string;
-  labelProps?: LabelProps;
-  error?: string;
-  errorProps?: ErrorMessageProps;
-  hint?: string;
-  hintProps?: HintTextProps;
-  formGroupProps?: ComponentPropsWithRef<'div'> & {
+  'fieldsetProps'?: FieldsetProps;
+  'legend'?: string;
+  'legendProps'?: LegendProps;
+  'label'?: string;
+  'labelProps'?: LabelProps;
+  'error'?: string;
+  'errorProps'?: ErrorMessageProps;
+  'hint'?: string;
+  'hintProps'?: HintTextProps;
+  'formGroupProps'?: ComponentPropsWithRef<'div'> & {
     'data-module'?: string;
     'data-maxlength'?: number;
     'data-maxwords'?: number;
     'data-threshold'?: number;
   };
-  id?: string;
-  name?: string;
+  'id'?: string;
+  'name'?: string;
   'aria-describedby'?: string;
 }