♻️ refactor(atoms): fix Extracurricolar alignment

src/components/atoms/Extracurricular/Extracurricular.tsx

@@ -11,15 +11,17 @@ type ExtracurricularProps = {
 
 const Extracurricular = ({ Component = Box, ...props }: ExtracurricularProps) => {
   return (
-    <Component sx={{ pl: 2, ...props.sx }} display="flex" columnGap={1} alignItems="flex-start">
+    <Component sx={{ ...props.sx }}>
-      <Typography variant="body1" flexGrow={1} {...props.titleProps}>
+      <Box pl={2} display="flex" alignItems="flex-start" columnGap={1} flexWrap="wrap-reverse">
-        {props.title}
+        <Typography variant="body1" flexGrow={1} {...props.titleProps}>
-      </Typography>
+          {props.title}
-      {props.year && (
-        <Typography variant="subtitle1" color="primary.main">
-          {props.year}
         </Typography>
-      )}
+        {props.year && (
+          <Typography variant="subtitle1" color="primary.main" flexGrow={0}>
+            {props.year}
+          </Typography>
+        )}
+      </Box>
     </Component>
   )
 }