Vibe-code дизайн fix (2)

src/classes/building/BuildingAddon.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import {
-    Accordion,
     AccordionDetails,
     AccordionSummary,
     Grid2,
@@ -18,16 +17,11 @@ import {ExpandMore} from "@mui/icons-material";
 import {IMod} from "../../types/Imod";
 import {getIcon, ModifiersProvidesTable,} from "../ModifiersProvideTable";
 import Required from "../Required";
-import {styled} from '@mui/material/styles';
+import {StyledAccordion} from "../../commons/StyledAccordion";
 import {DescriptionBox} from "../../commons/DescriptionBox";
+import {styled} from "@mui/material/styles";
+
 
-const StyledAccordion = styled(Accordion)(({ theme }) => ({
-    background: 'linear-gradient(145deg, #1a1a2e 0%, #16213e 100%)',
-    border: '1px solid rgba(255, 255, 255, 0.1)',
-    borderRadius: '12px',
-    '&:before': { display: 'none' },
-    '&.Mui-expanded': { margin: '0 0 8px 0' },
-}));
 
 const StyledPaper = styled(Paper)(({ theme }) => ({
     background: 'rgba(255, 255, 255, 0.03)',