Update Navigasyon with Kont page

components/navigasyon.js

@@ -7,21 +7,24 @@ import AppBar from '@material-ui/core/AppBar'
 import Tabs from '@material-ui/core/Tabs'
 import Tab from '@material-ui/core/Tab'
 import HomeIcon from '@material-ui/icons/Home'
-import PersonIcon from '@material-ui/icons/Person'
 import MenuBookIcon from '@material-ui/icons/MenuBook'
+import RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver'
+import AccountCircleIcon from '@material-ui/icons/AccountCircle'
 import Typography from '@material-ui/core/Typography'
 import Box from '@material-ui/core/Box'
 
 const tabRouteHref = [
   '/',
   '/awtis?paj&paj=1',
-  '/teks'
+  '/teks',
+  '/kont'
 ]
 
 const tabRouteAs = [
   '/',
   '/awtis/paj/1',
-  '/teks'
+  '/teks',
+  '/kont'
 ]
 
 function TabPanel(props) {
@@ -92,13 +95,15 @@ export default function Navigasyon({selectedTab}) {
           onChange={handleChange}
         >
           <Tab label='Kay-la' icon={<HomeIcon style={{fontSize: 30}} />} {...a11yProps(0)} />
-          <Tab label='Awtis' icon={<PersonIcon style={{fontSize: 30}} />} {...a11yProps(1)} />
+          <Tab label='Awtis' icon={<RecordVoiceOverIcon style={{fontSize: 30}} />} {...a11yProps(1)} />
           <Tab label='Tèks' icon={<MenuBookIcon style={{fontSize: 30}} />} {...a11yProps(2)} />
+          <Tab label='Kont' icon={<AccountCircleIcon style={{fontSize: 30}} />} {...a11yProps(3)} />
         </Tabs>
       </AppBar>
       <TabPanel value={value} index={0} />
       <TabPanel value={value} index={1} />
       <TabPanel value={value} index={2} />
+      <TabPanel value={value} index={3} />
     </div>
   )
 }