Merge pull request #16 from Tomburgs/fix-header-item-active

Fix "Pages" header item not being highlighted when on /[pages] url

src/components/header/items/Items.component.tsx

@@ -10,23 +10,24 @@ const {
 } = styles;
 
 const links = [
-    { name: 'Home', url: '/' },
-    { name: 'Pages', url: '/pages' },
-    { name: 'Profile', url: '/profile' }
+    { name: 'Home', url: '/', alias: [] },
+    { name: 'Pages', url: '/pages', alias: ['/[page]'] },
+    { name: 'Profile', url: '/profile', alias: [] }
 ];
 
 export default function Items(): JSX.Element {
     const { pathname } = useRouter();
 
     return (
         <ul className={ items }>
-            { links.map(({ name, url }) => (
+            { links.map(({ name, url, alias }) => (
                 <li
                   key={ name }
                   className={
                     injectClassNames([
                         active,
                         pathname === url
+                        || alias.includes(pathname)
                     ])
                   }
                 >