update stack for node18

.nvmrc

@@ -1 +1 @@
-lts/gallium
+18

components/Coaches/Info.jsx

@@ -131,9 +131,7 @@ const Info = () => {
                 <td>
                   <p className="c-package__price">
                     Discover our <br />
-                    <Link href="/partners">
-                      <a>partner deals</a>
-                    </Link>{' '}
+                    <Link href="/partners">partner deals</Link>{' '}
                   </p>
                 </td>
               </tr>
@@ -180,11 +178,7 @@ const Info = () => {
                 Partner coach
                 <br />
                 <span className="c-package__price">
-                  Discover our{' '}
-                  <Link href="/partners">
-                    <a>partner deals</a>
-                  </Link>{' '}
-                  .
+                  Discover our <Link href="/partners">partner deals</Link> .
                 </span>
               </h2>
               <p className="c-package__info">
@@ -206,15 +200,12 @@ const Info = () => {
           <p>
             Want to discover more about what the coaching job entails? Visit our{' '}
             <Link href="https://help.osoc.be/global/coaches/the-coaching-job/soft-skills-and-expectations">
-              <a>wiki</a>
+              wiki
             </Link>{' '}
             .
           </p>
           <p>
-            <Link href="/practical">
-              <a>Visit our FAQ</a>
-            </Link>{' '}
-            to learn more, or send us{' '}
+            <Link href="/practical">Visit our FAQ</Link> to learn more, or send us{' '}
             <a href="mailto:[email protected]?subject=Regarding osoc Coaching" title="Coach at osoc">
               a message
             </a>

components/Common/ApplyLink.jsx

@@ -41,8 +41,8 @@ const ApplyLink = () => {
   );
 
   const invalidCountryButton = (
-    <Link href="/non-eu-warning">
-      <a className="button">{buttonContent}</a>
+    <Link href="/non-eu-warning" className="button">
+      {buttonContent}
     </Link>
   );
 

components/Common/Footer.jsx

@@ -78,19 +78,13 @@ const Footer = () => {
             <div className="small-4 medium-4 cell">
               <ul className="inline-list">
                 <li>
-                  <Link href="/students">
-                    <a>Students</a>
-                  </Link>
+                  <Link href="/students">Students</Link>
                 </li>
                 <li>
-                  <Link href="/partners">
-                    <a>Partners</a>
-                  </Link>
+                  <Link href="/partners">Partners</Link>
                 </li>
                 <li>
-                  <Link href="/coaches">
-                    <a>Coaches</a>
-                  </Link>
+                  <Link href="/coaches">Coaches</Link>
                 </li>
               </ul>
             </div>
@@ -102,14 +96,10 @@ const Footer = () => {
                   </DemoDayLink>
                 </li>
                 <li>
-                  <Link href="/practical">
-                    <a>Practical</a>
-                  </Link>
+                  <Link href="/practical">Practical</Link>
                 </li>
                 <li>
-                  <Link href="/editions#2024">
-                    <a>2024</a>
-                  </Link>
+                  <Link href="/editions#2024">2024</Link>
                 </li>
               </ul>
             </div>
@@ -172,37 +162,27 @@ const Footer = () => {
             </div>
             <div className="small-2 medium-auto cell">
               <Link href="/editions#2019">
-                <a>
-                  <img src={W2019} alt="2019 osoc logo" />
-                </a>
+                <img src={W2019} alt="2019 osoc logo" />
               </Link>
             </div>
             <div className="small-2 medium-auto cell">
               <Link href="/editions#2020">
-                <a>
-                  <img src={W2020} alt="2020 osoc logo" />
-                </a>
+                <img src={W2020} alt="2020 osoc logo" />
               </Link>
             </div>
             <div className="small-2 medium-auto cell">
               <Link href="/editions#2021">
-                <a>
-                  <img src={W2021} alt="2021 osoc logo" />
-                </a>
+                <img src={W2021} alt="2021 osoc logo" />
               </Link>
             </div>{' '}
             <div className="small-2 medium-auto cell">
               <Link href="/editions#2022">
-                <a>
-                  <img src={W2022} alt="2022 osoc logo" />
-                </a>
+                <img src={W2022} alt="2022 osoc logo" />
               </Link>
             </div>{' '}
             <div className="small-2 medium-auto cell">
               <Link href="/editions#2024">
-                <a>
-                  <img src={W2024} alt="2024 osoc logo" />
-                </a>
+                <img src={W2024} alt="2024 osoc logo" />
               </Link>
             </div>
           </div>

components/Common/Navigation/Logo/ImgLogo.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Img from '../../../UI/Img';
 
-const ImgLogo = ({ handleLoad }) => {
+const ImgLogo = ({ handleLoad = null }) => {
   return (
     <Img
       onLoad={handleLoad}
@@ -12,10 +12,6 @@ const ImgLogo = ({ handleLoad }) => {
   );
 };
 
-ImgLogo.defaultProps = {
-  handleLoad: null,
-};
-
 ImgLogo.propTypes = {
   handleLoad: PropTypes.func,
 };

components/Common/Navigation/index.jsx

@@ -57,10 +57,8 @@ const Navigation = () => {
             id="nav-menu"
           >
             <div className="top-bar-left show-for-large">
-              <Link href="/">
-                <a className="logo" data-hide-for="medium">
-                  <ImgLogo />
-                </a>
+              <Link href="/" className="logo" data-hide-for="medium">
+                <ImgLogo />
               </Link>
             </div>
             <div className="top-bar-right">
@@ -117,11 +115,9 @@ const Navigation = () => {
                 </li>
 
                 {/* <li>
-                  <Link href="/editions/[year]" as="/editions/2020">
-                    <a className="button">
+                  <Link href="/editions/[year]" as="/editions/2020" className="button">
                       Discover all osoc20 projects
                       <span className="button__info" />
-                    </a>
                   </Link>
                 </li> */}
               </ul>

components/Common/Tab.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 
-const Tab = ({ activeTab, label, onClick, style, className }) => {
+const Tab = ({ activeTab, label, onClick, style = {}, className = '' }) => {
   function handleClick() {
     onClick(label);
   }
@@ -34,11 +34,6 @@ const Tab = ({ activeTab, label, onClick, style, className }) => {
   );
 };
 
-Tab.defaultProps = {
-  style: {},
-  className: '',
-};
-
 Tab.propTypes = {
   activeTab: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,

components/Editions/Gallery.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 
-const Gallery = ({ className, children, modifier }) => {
+const Gallery = ({ className = '', children, modifier = '' }) => {
   const classNames = ['u-padding-x-large--tb', className].join(' ');
   return (
     <div className={classNames}>
@@ -9,11 +9,6 @@ const Gallery = ({ className, children, modifier }) => {
   );
 };
 
-Gallery.defaultProps = {
-  className: '',
-  modifier: '',
-};
-
 Gallery.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node.isRequired,

components/Editions/Headshot.jsx

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import Image from 'next/image';
 import ExternalLink from '../UI/ExternalLink';
 
-const HeadShot = ({ data, socials, picture, roleShown }) => {
+const HeadShot = ({ data, socials = {}, picture, roleShown = true }) => {
   const { name, isCoach } = data;
   const { twitter, linkedin, github, behance, instagram, mastodon, photos } = socials;
 
@@ -54,11 +54,6 @@ const HeadShot = ({ data, socials, picture, roleShown }) => {
   );
 };
 
-HeadShot.defaultProps = {
-  socials: {},
-  roleShown: true,
-};
-
 HeadShot.propTypes = {
   data: PropTypes.shape({
     name: PropTypes.string,

components/Editions/Project.jsx

@@ -32,28 +32,32 @@ const Project = ({ edition, project }) => {
 
   return (
     // ${isDemoDay ? 'on-demo-day' : ''}
-    <div className="c-projects-project">
-      <Link href="/editions/[year]/[project]" as={`/editions/${edition}/${id ?? slug}`}>
-        <a className="c-projects-image">
+    <>
+      <div className="c-projects-project">
+        <Link
+          href="/editions/[year]/[project]"
+          as={`/editions/${edition}/${id ?? slug}`}
+          className="c-projects-image"
+        >
           <img
             src={logo ?? `/editions/${edition}/projects/${slug}.svg`}
             alt={`Crest of the ${name} project`}
           />
-        </a>
-      </Link>
-      <h2 className="c-projects__title h5">
-        <Link href="/editions/[year]/[project]" as={`/editions/${edition}/${id ?? slug}`}>
-          <a>{name}</a>
         </Link>
-      </h2>
-      <p>{description}</p>
-      {/* // isDemoDay && ( */}
-      {false && (
-        <ButtonLink disabled={buttonDisabled} isExternal href={project.breakout.room}>
-          {$buttonContent}
-        </ButtonLink>
-      )}
-    </div>
+        <h2 className="c-projects__title h5">
+          <Link href="/editions/[year]/[project]" as={`/editions/${edition}/${id ?? slug}`}>
+            {name}
+          </Link>
+        </h2>
+        <p>{description}</p>
+        {/* // isDemoDay && ( */}
+        {false && (
+          <ButtonLink disabled={buttonDisabled} isExternal href={project.breakout.room}>
+            {$buttonContent}
+          </ButtonLink>
+        )}
+      </div>
+    </>
   );
 };
 

components/Home/HeroLink.jsx

@@ -5,9 +5,7 @@ const HeroLink = ({ href, name }) => {
   return (
     <div className="small-12 medium-4 large-4 cell">
       <h2 className="h3">
-        <Link href={href}>
-          <a>{name}</a>
-        </Link>
+        <Link href={href}>{name}</Link>
       </h2>
     </div>
   );

components/Partners/Info.jsx

@@ -194,9 +194,7 @@ const Info = () => {
                   <p className="c-package__info--small u-text-align-center">
                     Not ready to partner up with a team? Check out our other{' '}
                     <Link href="#support-partners">
-                      <strong>
-                        <a>partner deals</a>
-                      </strong>
+                      <strong>partner deals</strong>
                     </Link>{' '}
                     .
                   </p>
@@ -278,9 +276,7 @@ const Info = () => {
               <p className="c-package__info--small">
                 Not ready to partner up with a team? Check out our other{' '}
                 <Link href="#support-partners">
-                  <strong>
-                    <a>partner deals</a>
-                  </strong>
+                  <strong>partner deals</strong>
                 </Link>{' '}
                 .
               </p>
@@ -383,9 +379,7 @@ const Info = () => {
                 <td colSpan="4">
                   <p className="u-text-align-center">
                     <Link href="#benefits">
-                      <strong>
-                        <a>Discover all benefits &darr;</a>
-                      </strong>
+                      <strong>Discover all benefits &darr;</strong>
                     </Link>{' '}
                     <br />
                     All partners are welcome and encouraged to come meet our teams!
@@ -652,10 +646,7 @@ const Info = () => {
         <p><small>Brainstorming hard for Leuven Leest at open summer of code 2016</small></p></div> --> */}
         <div className="medium-8 large-5 large-offset-1 cell">
           <p>
-            <Link href="/practical">
-              <a>Visit our FAQ</a>
-            </Link>{' '}
-            if you have any questions, or send us{' '}
+            <Link href="/practical">Visit our FAQ</Link> if you have any questions, or send us{' '}
             <a
               href="mailto:[email protected]?subject=Regarding osoc Partnership"
               title="Partnership at osoc"

components/Partners/Partners/Partner.jsx

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import ExternalLink from '../../UI/ExternalLink';
 
-const Partner = ({ partner, className }) => {
+const Partner = ({ partner, className = '' }) => {
   const { logo, name, url } = partner;
   const classNames = ['small-3 medium-2 cell', className].join(' ');
   return (
@@ -13,10 +13,6 @@ const Partner = ({ partner, className }) => {
   );
 };
 
-Partner.defaultProps = {
-  className: '',
-};
-
 Partner.propTypes = {
   partner: PropTypes.shape({
     id: PropTypes.string.isRequired,

components/Practical/StudentApplications.jsx

@@ -51,8 +51,8 @@ const StudentApplication = () => {
               Over the last few years, students have got the opportunity to work on open innovation
               projects in different fields such as mobility, education, health, sports and
               biodiversity. Check out{' '}
-              <Link href="/editions/[year]" as="/editions/2022">
-                <a target="_blank">last edition</a>
+              <Link href="/editions/[year]" as="/editions/2022" target="_blank">
+                last edition
               </Link>{' '}
               to see what kind of projects have been built by osoc students at the latest edition.
             </p>