Update documentation

Author: Studio384

docs/src/Router.tsx

@@ -66,6 +66,17 @@ const router = createHashRouter([
           },
           {
             path: 'changelog',
+            element: <Navigate to="/changelog" replace />
+          }
+        ]
+      },
+      {
+        path: '/changelog',
+        element: <Docs />,
+        errorElement: <Error />,
+        children: [
+          {
+            index: true,
             element: <Changelog />
           }
         ]

docs/src/app/Docs/Navigation.tsx

@@ -67,7 +67,7 @@ export default function DocsNavigation() {
         {
           title: 'Changelog',
           icon: aiStar,
-          link: '/docs/changelog'
+          link: '/changelog'
         }
       ]
     }

docs/src/app/Docs/pages/Changelog.tsx

@@ -10,19 +10,39 @@ export default function Changelog() {
       <Release
         name="Amicons 1.0 alpha 8"
         version="1.0.0-alpha.8"
-        date="April 2024"
+        date="17 November 2024"
         newIcons={[
+          'angles-x',
+          'apple',
           'arrow-left-arrow-right',
           'arrow-rotate-left',
           'bars-uneven',
+          'burger-glass',
+          'cloud-softphone',
+          'diagram',
+          'fanvil',
+          'glass',
+          'grip-dots-h',
           'magnifying-glass-min',
+          'magnifying-glass-min',
+          'magnifying-glass-plus',
           'magnifying-glass-plus',
+          'microphone-slash',
+          'moped',
           'order-alphabetical-asc',
           'order-alphabetical-desc',
           'order-numerical-asc',
-          'order-numerical-desc'
+          'order-numerical-desc',
+          'password',
+          'phone-xmark',
+          'teams',
+          'yealink'
+        ]}
+        updatedIcons={['angles-y', 'magnifying-glass', 'windows']}
+        renamedIcons={[
+          { old: 'thumbstack', new: 'thumbtack' },
+          { old: 'thumbstack-slash', new: 'thumbtack-slash' }
         ]}
-        updatedIcons={['magnifying-glass']}
       />
       <Release
         name="Amicons 1.0 alpha 7"

docs/src/design/layout/LayoutElements/Footer.tsx

@@ -79,7 +79,7 @@ export default function Footer() {
                   </ListItemButton>
                 </ListItem>
                 <ListItem>
-                  <ListItemButton color="primary" variant="soft" component={NavLink} to="/docs/changelog">
+                  <ListItemButton color="primary" variant="soft" component={NavLink} to="/changelog">
                     <ListItemContent>
                       <Typography>Changelog</Typography>
                     </ListItemContent>

docs/src/design/layout/LayoutElements/Navbar.tsx

@@ -78,6 +78,15 @@ export default function Navbar() {
             >
               Docs
             </Button>
+            <Button
+              component={NavLink}
+              to="/changelog"
+              variant={location?.pathname?.startsWith('/changelog') ? 'solid' : 'plain'}
+              size="sm"
+              color={location?.pathname?.startsWith('/changelog') ? 'primary' : 'primary'}
+            >
+              Changelog
+            </Button>
           </Stack>
           <Stack direction="row" justifyContent="flex-end">
             <IconButton size="sm" variant="plain" color="primary" component="a" href="https://github.com/studio384/amaranth" target="_blank">