Include text directly in components (removing verbiage files)

services/ui-src/src/components/accordions/AccordionItem.tsx

@@ -3,15 +3,16 @@ import {
   AccordionButton,
   AccordionItem as AccordionItemRoot,
   AccordionPanel,
+  CSSObject,
   Image,
   Text,
 } from "@chakra-ui/react";
 import plusIcon from "assets/icons/accordion/icon_plus.svg";
 import minusIcon from "assets/icons/accordion/icon_minus.svg";
 
-export const AccordionItem = ({ label, children, ...props }: Props) => {
+export const AccordionItem = ({ label, children, sx: sxOverride }: Props) => {
   return (
-    <AccordionItemRoot sx={sx.root} {...props}>
+    <AccordionItemRoot sx={sxOverride ?? sx.root}>
       {({ isExpanded }) => (
         <>
           <AccordionButton
@@ -35,8 +36,8 @@ export const AccordionItem = ({ label, children, ...props }: Props) => {
 
 interface Props {
   children?: ReactChild | ReactChild[];
-  [key: string]: any;
   label?: string;
+  sx?: CSSObject;
 }
 
 const sx = {

services/ui-src/src/components/alerts/Alert.test.tsx

@@ -8,11 +8,12 @@ const alertIcon = "test-file-stub";
 const alertComponent = (
   <Alert
     title="Test alert!"
-    description="This is for testing."
     link="https://example.com"
     icon={alertIcon}
     showIcon={true}
-  />
+  >
+    This is for testing.
+  </Alert>
 );
 
 describe("<Alert />", () => {