lint: patch typescript ignored issues (#6450)

* Updates across multiple packages

* Release notes

* Enhance error handling in budget goals reducer by throwing an error when the template is null

packages/component-library/src/ColorPicker.tsx

@@ -1,11 +1,11 @@
-import { ChangeEvent, ReactNode } from 'react';
+import { type ChangeEvent, type ReactNode } from 'react';
 import {
   ColorPicker as AriaColorPicker,
-  ColorPickerProps as AriaColorPickerProps,
+  type ColorPickerProps as AriaColorPickerProps,
   Dialog,
   DialogTrigger,
   ColorSwatch as AriaColorSwatch,
-  ColorSwatchProps,
+  type ColorSwatchProps,
   ColorSwatchPicker as AriaColorSwatchPicker,
   ColorSwatchPickerItem,
   ColorField,
@@ -56,10 +56,10 @@ const DEFAULT_COLOR_SET = [
   '#455A64',
 ];
 
-interface ColorSwatchPickerProps {
+type ColorSwatchPickerProps = {
   columns?: number;
   colorset?: string[];
-}
+};
 
 function ColorSwatchPicker({
   columns = 5,
@@ -123,11 +123,11 @@ function ColorSwatchPicker({
 }
 const isColor = (value: string) => /^#[0-9a-fA-F]{6}$/.test(value);
 
-interface ColorPickerProps extends AriaColorPickerProps {
+type ColorPickerProps = {
   children?: ReactNode;
   columns?: number;
   colorset?: string[];
-}
+} & AriaColorPickerProps;
 
 export function ColorPicker({
   children,

packages/component-library/src/InitialFocus.ts

@@ -3,8 +3,8 @@ import {
   cloneElement,
   isValidElement,
   type ReactElement,
-  Ref,
-  RefObject,
+  type Ref,
+  type RefObject,
   useEffect,
   useRef,
 } from 'react';

packages/component-library/src/InitialFocus.web.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { forwardRef, Ref } from 'react';
+import { forwardRef, type Ref } from 'react';
 
 import { render } from '@testing-library/react';
 

packages/component-library/src/Input.tsx

@@ -1,6 +1,6 @@
 import React, {
-  ChangeEvent,
-  ComponentPropsWithRef,
+  type ChangeEvent,
+  type ComponentPropsWithRef,
   type KeyboardEvent,
   type FocusEvent,
 } from 'react';