image fixes

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts

@@ -37,6 +37,8 @@ export const REFERENCES: References = {
 }
 
 export const gettingstarted = {
+  icon: '/img/icons/menu/getting-started.svg',
+  title: 'Getting started',
   label: 'Overview',
   items: [
     { name: 'Introduction', url: '/', items: [] },
@@ -46,6 +48,7 @@ export const gettingstarted = {
 }
 
 export const tutorials = {
+  icon: '/img/icons/menu/tutorials.svg',
   label: 'Quickstarts',
   items: [
     { name: 'Angular', url: '/guides/with-angular', items: [] },
@@ -332,6 +335,8 @@ export const integrations = {
 }
 
 export const reference = {
+  title: 'API Reference',
+  icon: '/img/icons/menu/reference.svg',
   items: [
     {
       name: 'Client libraries',

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx

@@ -20,6 +20,12 @@ const SideNav = () => {
         case `/docs${tempBasePath}`:
           setLevel('home')
           break
+        case `/docs${tempBasePath}/getting-started`:
+          setLevel('gettingstarted')
+          break
+        case `/docs${tempBasePath}/tutorials`:
+          setLevel('tutorials')
+          break
         case `/docs${tempBasePath}/database`:
           setLevel('database')
           break
@@ -70,7 +76,7 @@ const SideNav = () => {
       },
       {
         label: 'Getting started',
-        icon: 'gettingstarted.svg',
+        icon: 'getting-started.svg',
         href: '/getting-started',
         level: 'gettingstarted',
       },