♻️ refactor(projects): add modular external link

src/components/atoms/Publication/Publication.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Box, SxProps, Theme, Typography, TypographyProps } from '@mui/material'
-import { ExtrernalIconLink } from '..'
+import { ExternalIconLink } from '..'
 
 type AwardEntryProps = {
   year: string | number
@@ -26,9 +26,7 @@ const Publication = ({ Component = Box, ...props }: AwardEntryProps) => {
             <b>{props.title}</b>
           </Typography>
           , In: {props.location}
-          {typeof props.link !== 'undefined' && (
+          {typeof props.link !== 'undefined' && <ExternalIconLink size="small" fontSize="small" href={props.link} sx={{ color: 'text.secondary' }} />}
-            <ExtrernalIconLink size="small" fontSize="small" href={props.link} sx={{ color: 'text.secondary' }} />
-          )}
         </Typography>
       </Box>
     </Component>

src/components/pages/MainPage/MainPage.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { Box, Typography } from '@mui/material'
 
 import { ViewportProvider } from 'components/utils/viewport'
-import { AcademyIconLink, DescriptionIconLink, GitHubIconLink, VideoIconLink } from 'components/atoms'
+import { AcademyIconLink, DescriptionIconLink, ExternalAppIconLink, GitHubIconLink, VideoIconLink } from 'components/atoms'
 import { Footer, Hero, Toobar, ProjectSpotlight } from 'components/molecules'
 
 const MainPage = () => {
@@ -54,6 +54,7 @@ const MainPage = () => {
           caption={
             <>
               <GitHubIconLink size="small" fontSize="small" href="https://github.com/ADVRHumanoids/motor_calibration" />
+              <ExternalAppIconLink size="small" fontSize="small" href="https://modular.alberobotics.it" />
               <Typography component="span" color="text.secondary" ml={1}>
                 Software Engineer @ IIT
               </Typography>

src/components/pages/ProjectsPage/ProjectsPage.tsx

@@ -1,6 +1,6 @@
 import { Box, Divider, Link, Typography } from '@mui/material'
 
-import { GitHubIconLink, DescriptionIconLink, VideoIconLink, AcademyIconLink } from 'components/atoms'
+import { GitHubIconLink, DescriptionIconLink, VideoIconLink, AcademyIconLink, ExternalAppIconLink } from 'components/atoms'
 import { Project } from 'components/molecules'
 import { Page } from 'components/templates'
 
@@ -50,6 +50,7 @@ const ProjectsPage = () => {
                 Software Engineer @ IIT
               </Typography>
               <GitHubIconLink size="small" fontSize="small" href="https://github.com/ADVRHumanoids/modular_hhcm/" sx={{ color: 'text.secondary' }} />
+              <ExternalAppIconLink size="small" fontSize="small" href="https://modular.alberobotics.it" sx={{ color: 'text.secondary' }} />
               <Typography color="text.secondary" ml={1} display={{ xs: 'none', sm: 'inline' }}>
                 Software Engineer @ IIT
               </Typography>