feat: migrate StyledAccordion

Signed-off-by: Canbow <hailstorm362@gmail.com>

Author: Canbow

…stom/StyledAccordion/StyledAccordion.tsx …stom/StyledAccordian/StyledAccordian.tsxsrc/custom/StyledAccordion/StyledAccordion.tsx renamed to src/custom/StyledAccordian/StyledAccordian.tsx src/custom/StyledAccordion/StyledAccordion.tsx renamed to src/custom/StyledAccordian/StyledAccordian.tsx

@@ -2,6 +2,10 @@ import { styled } from '@mui/material/styles';
 import MuiAccordion, { AccordionProps } from '@mui/material/Accordion';
 import MuiAccordionSummary, { AccordionSummaryProps } from '@mui/material/AccordionSummary';
 
+/**
+ * StyledAccordion
+ * A customized Accordion component with Meshery-specific styling (borders, margins).
+ */
 export const StyledAccordion = styled(MuiAccordion)<AccordionProps>(({ theme }) => ({
   border: `1px solid ${theme.palette.divider || 'rgba(0, 0, 0, .125)'}`,
   '&:not(:last-child)': {
@@ -15,6 +19,10 @@ export const StyledAccordion = styled(MuiAccordion)<AccordionProps>(({ theme })
   },
 }));
 
+/**
+ * StyledAccordionSummary
+ * A customized AccordionSummary to match the StyledAccordion look.
+ */
 export const StyledAccordionSummary = styled(MuiAccordionSummary)<AccordionSummaryProps>(({ theme }) => ({
   backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, .05)' : 'rgba(0, 0, 0, .03)',
   borderBottom: `1px solid ${theme.palette.divider || 'rgba(0, 0, 0, .125)'}`,

src/custom/StyledAccordian/index.ts

@@ -0,0 +1 @@
+export * from './StyledAccordian';