fix: a11y issues

Author: David Leger

src/components/Chip/Chip.tsx

@@ -1,6 +1,6 @@
 import { styled } from '@linaria/react';
 
-const Chip = styled.div`
+const Chip = styled.li`
   display: inline-block;
   font-size: 0.8rem;
   font-weight: 600;

src/index.css

@@ -1,7 +1,7 @@
 :root {
   /* Theme */
   --color-text: rgba(255, 255, 255, 0.87);
-  --color-background: #17244c;
+  --color-background: #0e1731;
   --color-primary: deeppink;
 
   font-family: 'IBM Plex Mono', monospace;

src/sections/Work/Work.tsx

@@ -50,15 +50,15 @@ const WorkSection = () => {
         ))}
         {showAll &&
           otherWork.map((item) => <WorkItem key={item.slug} {...item} />)}
-        <div>
+        <li>
           <Button
             onClick={() => {
               setShowAll(!showAll);
             }}
           >
             {showAll ? '- collapse' : '+ show all'}
           </Button>
-        </div>
+        </li>
       </StyledList>
     </Section>
   );