Fix svg

Author: PeterTYLiu

src/components/ComponentList/ComponentList.tsx

@@ -42,14 +42,16 @@ export const ComponentList = () => {
           <Box sx={{ borderInlineStart: "1px solid red", borderColor: "divider", my: 0.5, paddingInlineStart: 0.5 }}>
             {category[1]?.map((component) => {
               const hasOverride = typeof component === "object";
+              const componentName = hasOverride ? component[0] : component;
               return (
                 <Button
+                  key={componentName}
                   size="medium"
                   sx={{ color: "text.primary", justifyContent: "start", textTransform: "capitalize", fontSize: "14px" }}
                   fullWidth
                   onClick={() => highlightComponent(hasOverride ? component[1] : constructClassName(component))}
                 >
-                  {hasOverride ? component[0] : component}
+                  {componentName}
                 </Button>
               );
             })}

src/components/InfoPanel/InfoPanel.tsx

@@ -45,6 +45,8 @@ export const InfoPanel = () => {
               fill="none"
               className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-kbd6i0-MuiSvgIcon-root"
               viewBox="0 0 24 24"
+              height="20"
+              width="20"
             >
               <path
                 fill="#ffffff"