adding cmmechanical to projects

context/state.tsx

@@ -12,6 +12,16 @@ let sharedState = {
   I have worked on multiple projects with a range of technologies.  I have experience with HTML, CSS, JavaScript, TypeScript, React, React Native, Android(Java), Storybook, NextJs, Svelte, SolidJS, Bootstrap, React Bootstrap, Tailwind, Jest, React Testing Library, Redux, MUI, and even Wordpress. `,
   greenfield: 'I additionally run a freelance partnership called GreenField Development.  I have spent the last few years developing this as a mentorship program to assist self taught developers.  I sought to provide the additional skills developers need through a project based mentorship designed specifically for each developer with the Agile Methodology, version control practices and standard project management built into the process.',
   projects: [
+    { 
+      id: 13,
+      href: '/projects/13',
+      link: 'https://cmmechanicalhvac.com',
+      title: 'C&M Mechanical HVAC Services',
+      description: 'Company site for C&M Mechanical',
+      imageSrc: '/cmmechanical.png',
+      imageDescription: 'Fusion Medical Staffing home page',
+      tech: ["React", "NextJS", "Tailwind CSS", "TypeScript", "Jest", "React Testing Library", "Storybook"]
+    },
     { 
       id: 1,
       href: '/projects/1',

pages/projects/[id].tsx

@@ -44,11 +44,11 @@ const Project: NextPage<ProjectProps> = () => {
       <Container>
         <h2 className="font-mono text-3xl font-semibold text-center">Technologies</h2>
 
-        <ul className="font-mono text-center m-9">
+        <div className="font-mono text-center m-9">
           {project.tech.map((tech, i) => {
-            return <li className="m-4" key={i}>{tech}</li>
+            return <p className="m-4" key={i}>{tech}</p>
           })}
-        </ul>
+        </div>
       </Container>
     </div>
   )
@@ -68,6 +68,8 @@ export const getStaticPaths: GetStaticPaths = async () => {
       { params: { id: '9' }},
       { params: { id: '10' }},
       { params: { id: '11' }},
+      { params: { id: '12' }},
+      { params: { id: '13' }},
     ],
     fallback: false
   }