removed some leftover code from a recipe that was unused

client/src/components/dashboard/SettingsButton.jsx

@@ -32,9 +32,7 @@ export function SettingsButton() {
   const addWidget = useDashboardStore(state => state.addWidget);
 
   const glassTabRecipe = useRecipe({key: "glassTab"});
-  const settingsButtonRecipe = useRecipe({key: "settingsButton"});
   const tabStyles = glassTabRecipe();
-  const settingsButtonStyles = settingsButtonRecipe();
 
   const [canScrollLeft, setCanScrollLeft] = useState(false);
   const [canScrollRight, setCanScrollRight] = useState(false);
@@ -42,7 +40,7 @@ export function SettingsButton() {
   // Pull the glass container styles for the dropdown and modal
   const panelRecipe = useSlotRecipe({key: "glassPanel"});
   const panelStyles = panelRecipe({layout: "dropdown"});
-  const modalStyles = panelRecipe({layout: "popover", leftScroll: canScrollLeft ? "visible" : "hidden", rightScroll: canScrollRight ? "visible" : "hidden"});
+  const modalStyles = panelRecipe({layout: "popover"});
 
   const [isLibraryOpen, setIsLibraryOpen] = useState(false);
 
@@ -95,7 +93,7 @@ export function SettingsButton() {
     <>
       {isEditing ? (
         // 📝 EDIT MODE: The 3-Pill Layout
-        <HStack css={settingsButtonStyles.root}>
+        <HStack>
           {/* 1. The Add Widget Button */}
           <Box as="button" css={tabStyles} data-state="open" onClick={() => setIsLibraryOpen(true)}
             color={{base: "blue.500", _dark: "blue.300"}} _hover={{bg: "rgba(66, 153, 225, 0.1)"}}

client/src/theme.js

@@ -446,6 +446,7 @@ const glassPanelRecipe = defineSlotRecipe({
           backdropFilter: "blur(15px)",
           WebkitBackdropFilter: "blur(15px)",
 
+
           // dialog header
           "& > div.chakra-dialog__header": {
             bg: "transparent",