Merge branch 'main' into next

Author: KaneFreeman

README.md

@@ -1,3 +1,7 @@
+> [!IMPORTANT]
+> Static CMS has been archived. The project originally started as a way of keeping NetlifyCMS (now [Decap CMS](https://decapcms.org/)) alive, which at the time was abandoned. Since then, Decap CMS has been revitilized. Along with other great alternatives, like [Tina CMS](https://tina.io/), there are better options out there than what StaticCMS provided. Thus the decision was made to cease development.
+
+
 <div align="center">
   <img src="static-cms-logo.png" width="500px" />
 

packages/docs/src/components/layout/Header.tsx

@@ -14,7 +14,6 @@ import releases from '../../lib/releases';
 import Logo from './Logo';
 import NavigationDrawer from './mobile-drawer/NavigationDrawer';
 import Search from './search/Search';
-import SponsorButton from './SponsorButton';
 
 import type { PaletteMode } from '@mui/material';
 import type { ButtonTypeMap } from '@mui/material/Button';
@@ -213,13 +212,6 @@ const Header = ({ mode, docsGroups, searchablePages, toggleColorMode }: HeaderPr
             <IconButton href="https://github.com/StaticJsCMS/static-cms" color="inherit">
               <GitHubIcon />
             </IconButton>
-            <SponsorButton
-              sx={{
-                display: 'none',
-                marginLeft: '8px',
-                [theme.breakpoints.only('md')]: { display: 'inline-flex' },
-              }}
-            />
           </StyledIconsWrapper>
           {items.map(item => {
             let url = '#';
@@ -242,10 +234,6 @@ const Header = ({ mode, docsGroups, searchablePages, toggleColorMode }: HeaderPr
               </StyledDesktopLink>
             );
           })}
-          {/*
-            <StyledDesktopLink component={Link} href="/blog">Blog</StyledDesktopLink>
-          */}
-          <SponsorButton sx={{ [theme.breakpoints.down('lg')]: { display: 'none' } }} />
         </StyledToolbar>
       </StyledAppBar>
       <NavigationDrawer

packages/docs/src/components/layout/SponsorButton.tsx

@@ -5,7 +5,6 @@ import SwipeableDrawer from '@mui/material/SwipeableDrawer';
 import { useMemo } from 'react';
 
 import Logo from '../Logo';
-import SponsorButton from '../SponsorButton';
 import MobileNavItem from './MobileNavItem';
 
 import type { MenuItem } from '../../../interface';
@@ -50,7 +49,6 @@ const NavigationDrawer = ({ items, mobileOpen, onMobileOpenToggle }: NavigationD
         <StyledLogoWrapper key="drawer-nav-logo-wrapper">
           <Logo key="drawer-nav-logo" inMenu />
         </StyledLogoWrapper>
-        <SponsorButton sx={{ margin: '16px', marginTop: 0 }} />
         <Divider key="drawer-nav-divider" sx={{ borderColor: 'rgba(255, 255, 255, 0.8)' }} />
         <List key="drawer-nav-list" sx={{ flexGrow: 1 }}>
           {items.map(item => (