From b8ac48bdf07e75f75536fa4dbb746b7d134438d1 Mon Sep 17 00:00:00 2001
From: Melek <somaimelek@gmail.com>
Date: Thu, 3 Aug 2023 17:55:11 -0500
Subject: [PATCH 1/7] adding darkmode

---
 apps/somai.me/app/navbar.tsx | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/apps/somai.me/app/navbar.tsx b/apps/somai.me/app/navbar.tsx
index d672be2..952cfaa 100644
--- a/apps/somai.me/app/navbar.tsx
+++ b/apps/somai.me/app/navbar.tsx
@@ -1,16 +1,36 @@
 "use client";
 
+import { useTheme } from "next-themes";
 import React from "react";
+import { RxMoon, RxSun } from "react-icons/rx";
 
-import { Stack, Link } from "@thugga/ui";
+import { Stack, Link, Button, Box } from "@thugga/ui";
 
 const NavBar = () => {
+  const { theme, setTheme } = useTheme();
+
+  const onToggle = () => {
+    // Implement dark mode
+    if (theme === "dark") {
+      setTheme("light");
+    } else {
+      setTheme("dark");
+    }
+  };
+
   return (
-    <Stack align="center" justify="flex-start" direction="row">
-      <Link href="/">Home</Link>
-      <Link href="/essays">Essays</Link>
-      <Link href="/papers">Papers</Link>
-      <Link href="/about">About</Link>
+    <Stack direction="row" justify="space-between">
+      <Stack align="center" justify="flex-start" direction="row">
+        <Link href="/">Home</Link>
+        <Link href="/essays">Essays</Link>
+        <Link href="/papers">Papers</Link>
+        <Link href="/about">About</Link>
+      </Stack>
+      <Button
+        onClick={onToggle}
+        size="small"
+        prefix={theme === "dark" ? <RxSun /> : <RxMoon />}
+      />
     </Stack>
   );
 };

From dac366daf677c7ee8a52043dcdc4d6bb5baf0030 Mon Sep 17 00:00:00 2001
From: Melek <somaimelek@gmail.com>
Date: Sat, 5 Aug 2023 15:57:17 -0500
Subject: [PATCH 2/7] updated content

---
 apps/somai.me/app/about/page.tsx              |  4 +--
 apps/somai.me/app/about/section.roles.tsx     |  4 +--
 apps/somai.me/app/essays/page.tsx             |  4 +--
 apps/somai.me/app/essays/section.essays.tsx   | 22 ++++++------
 apps/somai.me/app/footer.tsx                  | 35 ++++++++++++++-----
 apps/somai.me/app/navbar.tsx                  |  1 +
 apps/somai.me/app/page.tsx                    |  9 ++---
 apps/somai.me/app/papers/page.tsx             |  3 +-
 apps/somai.me/app/papers/section.popular.tsx  | 20 +++++------
 .../app/papers/section.publications.tsx       | 24 +++++++------
 .../{app/hero.tsx => components/Hero.tsx}     |  4 ++-
 apps/somai.me/components/Title.tsx            | 32 +++++++++++++++++
 12 files changed, 108 insertions(+), 54 deletions(-)
 rename apps/somai.me/{app/hero.tsx => components/Hero.tsx} (84%)
 create mode 100644 apps/somai.me/components/Title.tsx

diff --git a/apps/somai.me/app/about/page.tsx b/apps/somai.me/app/about/page.tsx
index 92fc0f7..1cab49b 100644
--- a/apps/somai.me/app/about/page.tsx
+++ b/apps/somai.me/app/about/page.tsx
@@ -1,15 +1,15 @@
+import HeroSection from "@/components/hero";
 import { getAllRoles } from "@/lib/roles";
 
 import RoleSection from "./section.roles";
 
-import HeroSection from "../hero";
 
 export default async function EssayPage() {
   const roles = await getAllRoles();
   return (
     <>
       <HeroSection>
-        Born in Tunis. Studied in Boston. Worked in London and Wisconsin.
+        Born in Tunis. Studied in Boston. Worked in London. Living in Wisconsin.
       </HeroSection>
       <RoleSection roles={roles} />
     </>
diff --git a/apps/somai.me/app/about/section.roles.tsx b/apps/somai.me/app/about/section.roles.tsx
index 7289677..40f4a26 100644
--- a/apps/somai.me/app/about/section.roles.tsx
+++ b/apps/somai.me/app/about/section.roles.tsx
@@ -18,9 +18,9 @@ export default function RoleSection(props: RoleSectionProps) {
           {props.roles?.map((role) => (
             <Stack key={role.meta.slug} justify="flex-start" align="flex-start">
               <Heading size="h4">
-                {role.meta.role}.{" "}
+                {role.meta.organization}.{" "}
                 <Heading size="h4" as="span" color="slate11">
-                  {role.meta.organization}
+                  {role.meta.role}.
                 </Heading>
               </Heading>
               <Text>{role.content}</Text>
diff --git a/apps/somai.me/app/essays/page.tsx b/apps/somai.me/app/essays/page.tsx
index 807933c..7e1a252 100644
--- a/apps/somai.me/app/essays/page.tsx
+++ b/apps/somai.me/app/essays/page.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 
-import EssaysSection from "./section.essays";
+import HeroSection from "@/components/hero";
 
-import HeroSection from "../hero";
+import EssaysSection from "./section.essays";
 
 export default async function EssayPage() {
   return (
diff --git a/apps/somai.me/app/essays/section.essays.tsx b/apps/somai.me/app/essays/section.essays.tsx
index e1a5c77..5905098 100644
--- a/apps/somai.me/app/essays/section.essays.tsx
+++ b/apps/somai.me/app/essays/section.essays.tsx
@@ -2,6 +2,8 @@ import React from "react";
 
 import { Box, Heading, Link, Stack, Text } from "@thugga/ui";
 
+import { Title } from "@/components/Title";
+
 import { getAllPosts } from "../../lib/essays";
 
 export default async function EssaysSection() {
@@ -11,18 +13,14 @@ export default async function EssaysSection() {
       <Box>
         <Stack space="1200">
           {posts.map((post) => (
-            <Stack key={post.meta.slug} align="flex-start" space="200">
-              <Box>
-                <Link size="large" bold href={`/essay/${post.meta.slug}`}>
-                  {post.meta.title}
-                </Link>
-                <Text color="slate11">{post.meta.subtitle}</Text>
-                <Text color="slate11" variant="small">
-                  Published {post.meta.publishedAt.text}
-                </Text>
-              </Box>
-              <Text>{post.meta.excerpt}</Text>
-            </Stack>
+            <Title
+              key={post.meta.slug}
+              href={`/essay/${post.meta.slug}`}
+              title={post.meta.title}
+              subtitle={post.meta.subtitle}
+              info={`Published on ${post.meta.publishedAt.text}`}
+              description={post.meta.excerpt}
+            />
           ))}
         </Stack>
       </Box>
diff --git a/apps/somai.me/app/footer.tsx b/apps/somai.me/app/footer.tsx
index c8ad589..755ff4e 100644
--- a/apps/somai.me/app/footer.tsx
+++ b/apps/somai.me/app/footer.tsx
@@ -1,15 +1,24 @@
 "use client";
 
 import React from "react";
+import { RxArrowTopRight } from "react-icons/rx";
 
 import { Text, Box, Grid, Stack, Link } from "@thugga/ui";
 
 import { Spotify } from "./spotify";
 
 // eslint-disable-next-line react/display-name
-const FooterMenuLink = (props: React.PropsWithChildren<{ href: string }>) => {
+const FooterMenuLink = ({
+  external = false,
+  ...props
+}: React.PropsWithChildren<{ external?: boolean; href: string }>) => {
   return (
-    <Link size="small" {...props}>
+    <Link
+      size="small"
+      {...props}
+      suffix={external && <RxArrowTopRight />}
+      external={external}
+    >
       {props.children}
     </Link>
   );
@@ -40,16 +49,19 @@ const Footer = () => {
           align="flex-start"
         >
           <Text bold>Profile</Text>
-          <FooterMenuLink href="https://scholar.google.com/citations?hl=en&user=5MdxFjAAAAAJ">
+          <FooterMenuLink
+            href="https://scholar.google.com/citations?hl=en&user=5MdxFjAAAAAJ"
+            external
+          >
             Google Scholar
           </FooterMenuLink>
           {/* <FooterMenuLink href="https://twitter.com/meleksomai">
               Twitter
             </FooterMenuLink> */}
-          <FooterMenuLink href="https://www.linkedin.com/in/msomai/">
+          <FooterMenuLink href="https://www.linkedin.com/in/msomai/" external>
             LinkedIn
           </FooterMenuLink>
-          <FooterMenuLink href="https://github.com/meleksomai">
+          <FooterMenuLink href="https://github.com/meleksomai" external>
             GitHub
           </FooterMenuLink>
         </Stack>
@@ -60,18 +72,23 @@ const Footer = () => {
           align="flex-start"
         >
           <Text bold>Affiliations</Text>
-          <FooterMenuLink href="https://www.inceptionhealth.com/">
+          <FooterMenuLink href="https://www.inceptionhealth.com/" external>
             Inception Health
           </FooterMenuLink>
-          <FooterMenuLink href="https://www.mcw.edu/departments/medicine/divisions/general-internal-medicine/people/melek-somai-md">
+          <FooterMenuLink
+            external
+            href="https://www.mcw.edu/departments/medicine/divisions/general-internal-medicine/people/melek-somai-md"
+          >
             Medical College of Wisconsin
           </FooterMenuLink>
-          <FooterMenuLink href="https://tuncph.org">TunCPH</FooterMenuLink>
+          <FooterMenuLink href="https://rethinkhealth.io" external>
+            Rethink Health
+          </FooterMenuLink>
         </Stack>
       </Grid>
       <Box>
         <Text variant="extraSmall">
-          Made with love from Chicago, Milwaukee, and Tunis.
+          Made with love from Milwaukee, and Tunis.
         </Text>
       </Box>
     </Stack>
diff --git a/apps/somai.me/app/navbar.tsx b/apps/somai.me/app/navbar.tsx
index 952cfaa..d53e1a0 100644
--- a/apps/somai.me/app/navbar.tsx
+++ b/apps/somai.me/app/navbar.tsx
@@ -28,6 +28,7 @@ const NavBar = () => {
       </Stack>
       <Button
         onClick={onToggle}
+        variant="simple"
         size="small"
         prefix={theme === "dark" ? <RxSun /> : <RxMoon />}
       />
diff --git a/apps/somai.me/app/page.tsx b/apps/somai.me/app/page.tsx
index 2bbc191..f946435 100644
--- a/apps/somai.me/app/page.tsx
+++ b/apps/somai.me/app/page.tsx
@@ -1,6 +1,7 @@
 import { Stack } from "@thugga/ui";
 
-import HeroSection from "./hero";
+import HeroSection from "@/components/hero";
+
 import EssaysSection from "./section.essays";
 import PapersSection from "./section.papers";
 
@@ -8,9 +9,9 @@ export default function MainPage() {
   return (
     <Stack space="1200">
       <HeroSection>
-        Physician. Clinical Informatician. Data Scientist. Innovator. Works at
-        the intersection of Healthcare Informatics, Clinical Computing, and Data
-        Science.
+        Physician. Clinical Informatician. Statistician. Works at the
+        intersection of Healthcare Informatics, Data Science, and Product
+        Engineering.
       </HeroSection>
       {/* @ts-expect-error Server Component */}
       <EssaysSection />
diff --git a/apps/somai.me/app/papers/page.tsx b/apps/somai.me/app/papers/page.tsx
index 6b14045..9ef84d1 100644
--- a/apps/somai.me/app/papers/page.tsx
+++ b/apps/somai.me/app/papers/page.tsx
@@ -1,9 +1,10 @@
 import React from "react";
 
+import HeroSection from "@/components/hero";
+
 import MostPopularSection from "./section.popular";
 import PublicationsSection from "./section.publications";
 
-import HeroSection from "../hero";
 
 export default async function PapersPage() {
   return (
diff --git a/apps/somai.me/app/papers/section.popular.tsx b/apps/somai.me/app/papers/section.popular.tsx
index a1a46ed..73ec524 100644
--- a/apps/somai.me/app/papers/section.popular.tsx
+++ b/apps/somai.me/app/papers/section.popular.tsx
@@ -2,6 +2,8 @@ import React from "react";
 
 import { Box, Grid, Heading, Link, Stack, Text } from "@thugga/ui";
 
+import { Title } from "@/components/Title";
+
 import { getAllPapers } from "../../lib/papers";
 
 export default async function MostPopularStack() {
@@ -12,17 +14,13 @@ export default async function MostPopularStack() {
     <Stack space="800">
       <Heading size="h3">Most Popular</Heading>
       {publications.map((paper) => (
-        <Stack space="200" key={paper.slug} align="flex-start">
-          <Box>
-            <Link size="large" bold href={`/paper/${paper.slug}`}>
-              {paper.citation.title}
-            </Link>
-            <Text color="slate11" variant="small">
-              Published in {paper.publisher} on {paper.publishedAt.text}
-            </Text>
-          </Box>
-          <Text>{paper.meta.excerpt}</Text>
-        </Stack>
+        <Title
+          key={paper.slug}
+          href={`/paper/${paper.slug}`}
+          title={paper.citation.title}
+          info={`Published in ${paper.publisher} on ${paper.publishedAt.text}`}
+          description={paper.meta.excerpt}
+        />
       ))}
     </Stack>
   );
diff --git a/apps/somai.me/app/papers/section.publications.tsx b/apps/somai.me/app/papers/section.publications.tsx
index 4767410..49e2871 100644
--- a/apps/somai.me/app/papers/section.publications.tsx
+++ b/apps/somai.me/app/papers/section.publications.tsx
@@ -1,7 +1,8 @@
 import React from "react";
 
-import { Box, Grid, Heading, Stack, Text, Link } from "@thugga/ui";
+import { Heading, Stack } from "@thugga/ui";
 
+import { Title } from "@/components/Title";
 import { getAllPapers } from "@/lib/papers";
 
 export default async function PublicationsSection() {
@@ -21,15 +22,18 @@ export default async function PublicationsSection() {
             {publications
               .filter((a) => new Date(a.publishedAt.iso).getFullYear() === year)
               .map((paper) => (
-                <Box>
-                  {/* <Separator size="2" /> */}
-                  <Link size="large" bold href={`/paper/${paper.slug}`}>
-                    {paper.citation.title}
-                  </Link>
-                  <Text variant="small" color="slate11">
-                    Published by {paper.publisher} on {paper.publishedAt.text}
-                  </Text>
-                </Box>
+                <Title
+                  key={paper.slug}
+                  href={`/paper/${paper.slug}`}
+                  title={paper.citation.title}
+                  // subtitle={paper.citation.author
+                  //   ?.map((author: any) => {
+                  //     return `${author.given} ${author.family}`;
+                  //   })
+                  //   .join(" / ")}
+                  info={`Published in ${paper.publisher} on ${paper.publishedAt.text}`}
+                  description={paper.meta.excerpt}
+                />
               ))}
           </Stack>
         </Stack>
diff --git a/apps/somai.me/app/hero.tsx b/apps/somai.me/components/Hero.tsx
similarity index 84%
rename from apps/somai.me/app/hero.tsx
rename to apps/somai.me/components/Hero.tsx
index 888b5d3..93b17de 100644
--- a/apps/somai.me/app/hero.tsx
+++ b/apps/somai.me/components/Hero.tsx
@@ -4,13 +4,15 @@ import { Heading, Box } from "@thugga/ui";
 
 export default function HeroSection({
   children,
+  title = "Melek Somai",
 }: {
   children: React.ReactNode;
+  title?: string;
 }) {
   return (
     <Box>
       <Heading as="h1" size="h2" balance>
-        Melek Somai.{" "}
+        {`${title}. `}
         <Heading size="h2" as="span" color="slate11">
           {children}
         </Heading>
diff --git a/apps/somai.me/components/Title.tsx b/apps/somai.me/components/Title.tsx
new file mode 100644
index 0000000..bceb74c
--- /dev/null
+++ b/apps/somai.me/components/Title.tsx
@@ -0,0 +1,32 @@
+import React, { forwardRef } from "react";
+
+import { Stack, Link, Text, Box } from "@thugga/ui";
+
+export interface TitleProps {
+  description?: string;
+  href: string;
+  info?: string;
+  subtitle?: string;
+  title: string;
+}
+
+export const Title = forwardRef<any, TitleProps>(
+  ({ href, title, subtitle, info, description }, ref) => {
+    return (
+      <Stack ref={ref} align="flex-start" space="200">
+        <Box>
+          <Link size="large" href={href}>
+            {title}
+          </Link>
+          <Text color="slate11">{subtitle}</Text>
+          <Text color="slate11" variant="small">
+            {info}
+          </Text>
+        </Box>
+        <Text>{description}</Text>
+      </Stack>
+    );
+  }
+);
+
+Title.displayName = "Title";

From 687dfa4d90c742f5bfe25f4aac57bd598f790c5d Mon Sep 17 00:00:00 2001
From: Melek <somaimelek@gmail.com>
Date: Sat, 5 Aug 2023 15:57:51 -0500
Subject: [PATCH 3/7] fixed external props

---
 packages/ui/src/components/Link/Link.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ui/src/components/Link/Link.tsx b/packages/ui/src/components/Link/Link.tsx
index f3fe786..831ca24 100644
--- a/packages/ui/src/components/Link/Link.tsx
+++ b/packages/ui/src/components/Link/Link.tsx
@@ -106,6 +106,7 @@ export const Link = React.forwardRef<HTMLElement, LinkProps>(
           disabled,
         })}
         // {...nativeProps}
+        {...externalProps}
         {...restProps}
       >
         {childContent}

From 6c9f721e1ff0f5d73655c95679e27f0f6845fb60 Mon Sep 17 00:00:00 2001
From: Melek <somaimelek@gmail.com>
Date: Sat, 5 Aug 2023 15:58:00 -0500
Subject: [PATCH 4/7] roles

---
 apps/somai.me/content/roles/inception.md     |  4 ++--
 apps/somai.me/content/roles/rethinkhealth.md |  6 +++---
 apps/somai.me/content/roles/tuncph.md        | 10 ++++++++++
 3 files changed, 15 insertions(+), 5 deletions(-)
 create mode 100644 apps/somai.me/content/roles/tuncph.md

diff --git a/apps/somai.me/content/roles/inception.md b/apps/somai.me/content/roles/inception.md
index 7bd5de0..a384912 100644
--- a/apps/somai.me/content/roles/inception.md
+++ b/apps/somai.me/content/roles/inception.md
@@ -1,5 +1,5 @@
 ---
-role: Chief Technology Officer
+role: Vice President, Chief Technology & Product Officer
 organization: Inception Health
 url: https://inceptionhealth.com
 startAt: 04-01-2019
@@ -7,4 +7,4 @@ isCurrent: true
 active: true
 ---
 
-Melek Somai is the Chief Technology Officer at Inception Health. He holds also the position of Assistant Professor of Medicine at Medical College of Wisconsin. Dr Somai's expertise is in health informatics and data engineering. Melek is trained in medicine, data scientist, and public health. Dr Somai has a special interest in the impact of information technology and data in shaping the provision of care. He is also interested in the development of new approaches to public and global health using data science.
\ No newline at end of file
+I joined Inception Health back in 2019 to combine my interest in Medicine, Clinical Computing, and Engineering, to develop new patient-centric platform. Since then, we grew our product & engineering team, and have developed the digital infrastructure that is delivering today the digital care experience for Froedtert & the Medical College of Wisconsin.
diff --git a/apps/somai.me/content/roles/rethinkhealth.md b/apps/somai.me/content/roles/rethinkhealth.md
index e4c0060..0ca3549 100644
--- a/apps/somai.me/content/roles/rethinkhealth.md
+++ b/apps/somai.me/content/roles/rethinkhealth.md
@@ -1,10 +1,10 @@
 ---
-role: Founder - Chief Executive Officer
+role: Founder
 organization: Rethink Health
 url: https://rethinkhealth.io
 startAt: 01-01-2023
 isCurrent: true
-active: false
+active: true
 ---
 
-Rethink Health is an engineering and research studio that focuses on digital transformation in healthcare. Its mission is to help healthcare organization build their technology stack beyond the Electronic Health Records. 
\ No newline at end of file
+Rethink Health is an engineering and research studio that focuses on digital transformation in healthcare. Its mission is to build the next generation of technology platforms in Healthcare.
diff --git a/apps/somai.me/content/roles/tuncph.md b/apps/somai.me/content/roles/tuncph.md
new file mode 100644
index 0000000..8be147e
--- /dev/null
+++ b/apps/somai.me/content/roles/tuncph.md
@@ -0,0 +1,10 @@
+---
+role: Founder
+organization: Tunisian Center for Public Health
+url: https://tuncph.org
+startAt: 01-01-2012
+isCurrent: true
+active: true
+---
+
+TunCPH is a non-for-profit organization that focuses on improving public health in Tunisia. It was founded with the principles of increasing research, and develop the next generation of public health practionners in the region.

From d8c8f5a7b86cedf692c3a89238fad9e2235df60d Mon Sep 17 00:00:00 2001
From: Melek <somaimelek@gmail.com>
Date: Sat, 5 Aug 2023 16:21:22 -0500
Subject: [PATCH 5/7] replace

---
 apps/somai.me/app/about/page.tsx  | 2 +-
 apps/somai.me/app/essays/page.tsx | 2 +-
 apps/somai.me/app/page.tsx        | 2 +-
 apps/somai.me/app/papers/page.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/somai.me/app/about/page.tsx b/apps/somai.me/app/about/page.tsx
index 1cab49b..0e192f7 100644
--- a/apps/somai.me/app/about/page.tsx
+++ b/apps/somai.me/app/about/page.tsx
@@ -1,4 +1,4 @@
-import HeroSection from "@/components/hero";
+import HeroSection from "@/components/Hero";
 import { getAllRoles } from "@/lib/roles";
 
 import RoleSection from "./section.roles";
diff --git a/apps/somai.me/app/essays/page.tsx b/apps/somai.me/app/essays/page.tsx
index 7e1a252..f8dea44 100644
--- a/apps/somai.me/app/essays/page.tsx
+++ b/apps/somai.me/app/essays/page.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import HeroSection from "@/components/hero";
+import HeroSection from "@/components/Hero";
 
 import EssaysSection from "./section.essays";
 
diff --git a/apps/somai.me/app/page.tsx b/apps/somai.me/app/page.tsx
index f946435..9b03c71 100644
--- a/apps/somai.me/app/page.tsx
+++ b/apps/somai.me/app/page.tsx
@@ -1,6 +1,6 @@
 import { Stack } from "@thugga/ui";
 
-import HeroSection from "@/components/hero";
+import HeroSection from "@/components/Hero";
 
 import EssaysSection from "./section.essays";
 import PapersSection from "./section.papers";
diff --git a/apps/somai.me/app/papers/page.tsx b/apps/somai.me/app/papers/page.tsx
index 9ef84d1..542c29d 100644
--- a/apps/somai.me/app/papers/page.tsx
+++ b/apps/somai.me/app/papers/page.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import HeroSection from "@/components/hero";
+import HeroSection from "@/components/Hero";
 
 import MostPopularSection from "./section.popular";
 import PublicationsSection from "./section.publications";

From 61a6d216d4d114e94f6ed7715b60937c17aa728f Mon Sep 17 00:00:00 2001
From: Melek <somaimelek@gmail.com>
Date: Sat, 5 Aug 2023 16:24:31 -0500
Subject: [PATCH 6/7] adding webpack to dev dependencies

---
 apps/somai.me/package.json |  3 +-
 packages/ui/package.json   |  3 +-
 pnpm-lock.yaml             | 67 +++++---------------------------------
 3 files changed, 12 insertions(+), 61 deletions(-)

diff --git a/apps/somai.me/package.json b/apps/somai.me/package.json
index c165d99..1e0ebef 100644
--- a/apps/somai.me/package.json
+++ b/apps/somai.me/package.json
@@ -38,7 +38,8 @@
     "eslint": "8.36.0",
     "eslint-config-thugga": "0.0.0",
     "tsconfig": "workspace:*",
-    "typescript": "4.9.5"
+    "typescript": "4.9.5",
+    "webpack": "5.88.2"
   },
   "private": true
 }
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 9d08d01..3da3af3 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -53,7 +53,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "tsconfig": "workspace:*",
-    "typescript": "4.9.5"
+    "typescript": "4.9.5",
+    "webpack": "5.88.2"
   },
   "types": "./src/index.ts"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b392465..0b22b00 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -108,6 +108,9 @@ importers:
       typescript:
         specifier: 4.9.5
         version: 4.9.5
+      webpack:
+        specifier: 5.88.2
+        version: 5.88.2
 
   packages/academic:
     dependencies:
@@ -372,6 +375,9 @@ importers:
       typescript:
         specifier: 4.9.5
         version: 4.9.5
+      webpack:
+        specifier: 5.88.2
+        version: 5.88.2
 
 packages:
 
@@ -380,7 +386,7 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.2
-      '@jridgewell/trace-mapping': 0.3.14
+      '@jridgewell/trace-mapping': 0.3.18
     dev: false
 
   /@babel/code-frame@7.18.6:
@@ -1374,7 +1380,7 @@ packages:
     dependencies:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.14
-      '@jridgewell/trace-mapping': 0.3.14
+      '@jridgewell/trace-mapping': 0.3.18
 
   /@jridgewell/resolve-uri@3.1.0:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
@@ -1389,23 +1395,15 @@ packages:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.2
       '@jridgewell/trace-mapping': 0.3.18
-    dev: false
 
   /@jridgewell/sourcemap-codec@1.4.14:
     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
 
-  /@jridgewell/trace-mapping@0.3.14:
-    resolution: {integrity: sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==}
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
-
   /@jridgewell/trace-mapping@0.3.18:
     resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.4.14
-    dev: false
 
   /@markdoc/markdoc@0.1.2:
     resolution: {integrity: sha512-3p+JTC1A0eqBdrl2UOIRoy+FLKtG1mh81R3Zzdm7FJiQIMt2mJmqmVQNDf3Md62G9rTtbj0ZuxlEattMbaslbw==}
@@ -2502,18 +2500,15 @@ packages:
     dependencies:
       '@types/eslint': 8.44.1
       '@types/estree': 1.0.1
-    dev: false
 
   /@types/eslint@8.44.1:
     resolution: {integrity: sha512-XpNDc4Z5Tb4x+SW1MriMVeIsMoONHCkWFMkR/aPJbzEsxqHy+4Glu/BqTdPrApfDeMaXbtNh6bseNgl5KaWrSg==}
     dependencies:
       '@types/estree': 1.0.1
       '@types/json-schema': 7.0.11
-    dev: false
 
   /@types/estree@1.0.1:
     resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
-    dev: false
 
   /@types/figlet@1.5.5:
     resolution: {integrity: sha512-0sMBeFoqdGgdXoR/hgKYSWMpFufSpToosNsI2VgmkPqZJgeEXsXNu2hGr0FN401dBro2tNO5y2D6uw3UxVaxbg==}
@@ -2527,7 +2522,6 @@ packages:
 
   /@types/json-schema@7.0.11:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
-    dev: false
 
   /@types/json5@0.0.29:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
@@ -3021,19 +3015,15 @@ packages:
     dependencies:
       '@webassemblyjs/helper-numbers': 1.11.6
       '@webassemblyjs/helper-wasm-bytecode': 1.11.6
-    dev: false
 
   /@webassemblyjs/floating-point-hex-parser@1.11.6:
     resolution: {integrity: sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==}
-    dev: false
 
   /@webassemblyjs/helper-api-error@1.11.6:
     resolution: {integrity: sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==}
-    dev: false
 
   /@webassemblyjs/helper-buffer@1.11.6:
     resolution: {integrity: sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==}
-    dev: false
 
   /@webassemblyjs/helper-numbers@1.11.6:
     resolution: {integrity: sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==}
@@ -3041,11 +3031,9 @@ packages:
       '@webassemblyjs/floating-point-hex-parser': 1.11.6
       '@webassemblyjs/helper-api-error': 1.11.6
       '@xtuc/long': 4.2.2
-    dev: false
 
   /@webassemblyjs/helper-wasm-bytecode@1.11.6:
     resolution: {integrity: sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==}
-    dev: false
 
   /@webassemblyjs/helper-wasm-section@1.11.6:
     resolution: {integrity: sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==}
@@ -3054,23 +3042,19 @@ packages:
       '@webassemblyjs/helper-buffer': 1.11.6
       '@webassemblyjs/helper-wasm-bytecode': 1.11.6
       '@webassemblyjs/wasm-gen': 1.11.6
-    dev: false
 
   /@webassemblyjs/ieee754@1.11.6:
     resolution: {integrity: sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==}
     dependencies:
       '@xtuc/ieee754': 1.2.0
-    dev: false
 
   /@webassemblyjs/leb128@1.11.6:
     resolution: {integrity: sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==}
     dependencies:
       '@xtuc/long': 4.2.2
-    dev: false
 
   /@webassemblyjs/utf8@1.11.6:
     resolution: {integrity: sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==}
-    dev: false
 
   /@webassemblyjs/wasm-edit@1.11.6:
     resolution: {integrity: sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==}
@@ -3083,7 +3067,6 @@ packages:
       '@webassemblyjs/wasm-opt': 1.11.6
       '@webassemblyjs/wasm-parser': 1.11.6
       '@webassemblyjs/wast-printer': 1.11.6
-    dev: false
 
   /@webassemblyjs/wasm-gen@1.11.6:
     resolution: {integrity: sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==}
@@ -3093,7 +3076,6 @@ packages:
       '@webassemblyjs/ieee754': 1.11.6
       '@webassemblyjs/leb128': 1.11.6
       '@webassemblyjs/utf8': 1.11.6
-    dev: false
 
   /@webassemblyjs/wasm-opt@1.11.6:
     resolution: {integrity: sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==}
@@ -3102,7 +3084,6 @@ packages:
       '@webassemblyjs/helper-buffer': 1.11.6
       '@webassemblyjs/wasm-gen': 1.11.6
       '@webassemblyjs/wasm-parser': 1.11.6
-    dev: false
 
   /@webassemblyjs/wasm-parser@1.11.6:
     resolution: {integrity: sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==}
@@ -3113,22 +3094,18 @@ packages:
       '@webassemblyjs/ieee754': 1.11.6
       '@webassemblyjs/leb128': 1.11.6
       '@webassemblyjs/utf8': 1.11.6
-    dev: false
 
   /@webassemblyjs/wast-printer@1.11.6:
     resolution: {integrity: sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==}
     dependencies:
       '@webassemblyjs/ast': 1.11.6
       '@xtuc/long': 4.2.2
-    dev: false
 
   /@xtuc/ieee754@1.2.0:
     resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
-    dev: false
 
   /@xtuc/long@4.2.2:
     resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
-    dev: false
 
   /acorn-import-assertions@1.9.0(acorn@8.10.0):
     resolution: {integrity: sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==}
@@ -3136,7 +3113,6 @@ packages:
       acorn: ^8
     dependencies:
       acorn: 8.10.0
-    dev: false
 
   /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -3160,7 +3136,6 @@ packages:
       ajv: ^6.9.1
     dependencies:
       ajv: 6.12.6
-    dev: false
 
   /ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
@@ -3364,7 +3339,6 @@ packages:
       electron-to-chromium: 1.4.482
       node-releases: 2.0.13
       update-browserslist-db: 1.0.11(browserslist@4.21.10)
-    dev: false
 
   /buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
@@ -3479,7 +3453,6 @@ packages:
   /chrome-trace-event@1.0.3:
     resolution: {integrity: sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==}
     engines: {node: '>=6.0'}
-    dev: false
 
   /citation-js@0.6.5:
     resolution: {integrity: sha512-oIHtKBZQUPYmQi9sKPPEObXod+uIIwR2JXnL1rgs1vKBzrFBucuFaVwHWp22MnNT3c68S8FwfkFX4vKLAlDtCw==}
@@ -3564,7 +3537,6 @@ packages:
 
   /commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: false
 
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
@@ -3796,7 +3768,6 @@ packages:
 
   /electron-to-chromium@1.4.482:
     resolution: {integrity: sha512-h+UqpfmEr1Qkk0zp7ej/jid7CXoq4m4QzW6wNTb0ELJ/BZCpA4wgUylBIMGCe621tnr4l5VmoHjdoSx2lbnNJA==}
-    dev: false
 
   /emoji-regex@10.2.1:
     resolution: {integrity: sha512-97g6QgOk8zlDRdgq1WxwgTMgEWGVAQvB5Fdpgc1MkNy56la5SKP9GsMXKDOdqwn90/41a8yPwIGk1Y6WVbeMQA==}
@@ -3817,7 +3788,6 @@ packages:
     dependencies:
       graceful-fs: 4.2.10
       tapable: 2.2.1
-    dev: false
 
   /entities@1.0.0:
     resolution: {integrity: sha512-LbLqfXgJMmy81t+7c14mnulFHJ170cM6E+0vMXR9k/ZiZwgX8i5pNgjTCX3SO4VeUsFLV+8InixoretwU+MjBQ==}
@@ -3904,7 +3874,6 @@ packages:
 
   /es-module-lexer@1.3.0:
     resolution: {integrity: sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==}
-    dev: false
 
   /es-set-tostringtag@2.0.1:
     resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
@@ -4363,7 +4332,6 @@ packages:
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
-    dev: false
 
   /escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
@@ -4747,7 +4715,6 @@ packages:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 4.3.0
-    dev: false
 
   /eslint-scope@7.2.2:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
@@ -4856,7 +4823,6 @@ packages:
   /estraverse@4.3.0:
     resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
     engines: {node: '>=4.0'}
-    dev: false
 
   /estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
@@ -4876,7 +4842,6 @@ packages:
   /events@3.3.0:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
-    dev: false
 
   /execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
@@ -5674,7 +5639,6 @@ packages:
       '@types/node': 17.0.12
       merge-stream: 2.0.0
       supports-color: 8.1.1
-    dev: false
 
   /jju@1.4.0:
     resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
@@ -5812,7 +5776,6 @@ packages:
   /loader-runner@4.3.0:
     resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==}
     engines: {node: '>=6.11.5'}
-    dev: false
 
   /loader-utils@2.0.4:
     resolution: {integrity: sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==}
@@ -6137,14 +6100,12 @@ packages:
   /mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
-    dev: false
 
   /mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
     dependencies:
       mime-db: 1.52.0
-    dev: false
 
   /mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
@@ -6223,7 +6184,6 @@ packages:
 
   /neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
-    dev: false
 
   /next-seo@5.15.0(next@13.4.12)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-LGbcY91yDKGMb7YI+28n3g+RuChUkt6pXNpa8FkfKkEmNiJkeRDEXTnnjVtwT9FmMhG6NH8qwHTelGrlYm9rgg==}
@@ -6308,7 +6268,6 @@ packages:
 
   /node-releases@2.0.13:
     resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
-    dev: false
 
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
@@ -6677,7 +6636,6 @@ packages:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
     dependencies:
       safe-buffer: 5.1.2
-    dev: false
 
   /react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
@@ -7001,7 +6959,6 @@ packages:
       '@types/json-schema': 7.0.11
       ajv: 6.12.6
       ajv-keywords: 3.5.2(ajv@6.12.6)
-    dev: false
 
   /section-matter@1.0.0:
     resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==}
@@ -7036,7 +6993,6 @@ packages:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
       randombytes: 2.1.0
-    dev: false
 
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -7284,7 +7240,6 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       has-flag: 4.0.0
-    dev: false
 
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
@@ -7334,7 +7289,6 @@ packages:
   /tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
-    dev: false
 
   /terser-webpack-plugin@5.3.9(webpack@5.88.2):
     resolution: {integrity: sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==}
@@ -7358,7 +7312,6 @@ packages:
       serialize-javascript: 6.0.1
       terser: 5.19.2
       webpack: 5.88.2
-    dev: false
 
   /terser@5.19.2:
     resolution: {integrity: sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==}
@@ -7369,7 +7322,6 @@ packages:
       acorn: 8.10.0
       commander: 2.20.3
       source-map-support: 0.5.21
-    dev: false
 
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
@@ -7662,7 +7614,6 @@ packages:
       browserslist: 4.21.10
       escalade: 3.1.1
       picocolors: 1.0.0
-    dev: false
 
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
@@ -7829,7 +7780,6 @@ packages:
   /webpack-sources@3.2.3:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
-    dev: false
 
   /webpack@5.88.2:
     resolution: {integrity: sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==}
@@ -7869,7 +7819,6 @@ packages:
       - '@swc/core'
       - esbuild
       - uglify-js
-    dev: false
 
   /which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}

From f95a90a1f1d185cadfd0f7c7b5c66def511ed3c1 Mon Sep 17 00:00:00 2001
From: Melek <somaimelek@gmail.com>
Date: Sat, 5 Aug 2023 16:30:53 -0500
Subject: [PATCH 7/7] linting

---
 apps/somai.me/app/about/page.tsx  | 1 -
 apps/somai.me/app/papers/page.tsx | 1 -
 2 files changed, 2 deletions(-)

diff --git a/apps/somai.me/app/about/page.tsx b/apps/somai.me/app/about/page.tsx
index 0e192f7..8b1b3c9 100644
--- a/apps/somai.me/app/about/page.tsx
+++ b/apps/somai.me/app/about/page.tsx
@@ -3,7 +3,6 @@ import { getAllRoles } from "@/lib/roles";
 
 import RoleSection from "./section.roles";
 
-
 export default async function EssayPage() {
   const roles = await getAllRoles();
   return (
diff --git a/apps/somai.me/app/papers/page.tsx b/apps/somai.me/app/papers/page.tsx
index 542c29d..2bb87fb 100644
--- a/apps/somai.me/app/papers/page.tsx
+++ b/apps/somai.me/app/papers/page.tsx
@@ -5,7 +5,6 @@ import HeroSection from "@/components/Hero";
 import MostPopularSection from "./section.popular";
 import PublicationsSection from "./section.publications";
 
-
 export default async function PapersPage() {
   return (
     <>