🚕 ci: udpate the devops settings

.github/workflows/beautify.yml

@@ -32,6 +32,7 @@ jobs:
   format:
     name: Format Code
     runs-on: ubuntu-latest
+    needs: lint
     steps:
       - name: Checkout the code
         uses: actions/checkout@v4

.github/workflows/lighthouse.yml

@@ -8,8 +8,15 @@
 name: Lighthouse
 
 on:
-  push: ['main']
-  pull_request: ['main']
+  workflow_dispatch:
+  workflow_run:
+    workflows: ['Web Production']
+    types:
+      - completed
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
 
 jobs:
   lighthouse:

.github/workflows/web-production.yml

@@ -16,13 +16,18 @@ env:
 # and push the code into the main branch
 on:
   workflow_dispatch:
+  workflow_run:
+    workflows: ['Beautify Code']
+    types:
+      - completed
   push:
     branches: ['main']
 
 jobs:
   update:
     name: Update Web App
     runs-on: ubuntu-latest
+    depends
     steps:
       - name: Checkout the code
         uses: actions/checkout@v4

src/features/journeys/components/experience-item.tsx

@@ -26,7 +26,7 @@ export function ExperienceItem({
       >
         {team}
       </Link>
-      <div className="flex items-center gap-2">
+      <div className="flex flex-wrap items-center gap-2">
         <span className="text-foreground/40 transition-all duration-300 group-hover:text-foreground">
           {position}
         </span>

src/features/stories/components/publication.tsx

@@ -10,7 +10,7 @@ export function PublicationSection(): React.ReactElement {
     <section className="flex flex-col gap-4">
       <h3 className="text-lg font-medium">Publications:</h3>
 
-      <div className="grid grid-cols-1 tablet:grid-cols-3 gap-2 w-full">
+      <div className="grid grid-cols-2 tablet:grid-cols-3 gap-2 w-full">
         {publications.map((pub, index) => (
           <PublicationItem publication={pub} key={index} />
         ))}

src/features/stories/components/recent-item.tsx

@@ -19,7 +19,7 @@ export function RecentItem({ recent }: RecentItemProps): React.ReactElement {
     <Link
       href={url}
       target="_blank"
-      className="flex items-center flex-col tablet:flex-row px-4 py-3 gap-2 rounded-2xl bg-ambient border border-border transition-all duration-300 hover:-translate-y-1 group"
+      className="flex items-start tablet:items-center flex-col tablet:flex-row px-4 py-3 gap-2 rounded-2xl bg-ambient border border-border transition-all duration-300 hover:-translate-y-1 group"
     >
       <h3 className="text-sm font-medium text-pretty !leading-tight line-clamp-1 flex-grow">
         {title}

src/shared/components/footer.tsx

@@ -37,7 +37,7 @@ export function MenuItem({
   return (
     <li
       className={`${mergeClass(
-        'flex items-center justify-center text-sm px-2 py-1 rounded-xl bg-transparent transition-all hover:-translate-y-1 hover:text-foreground/60 duration-300',
+        'flex items-center justify-center text-sm p-1 rounded-xl bg-transparent transition-all hover:-translate-y-1 hover:text-foreground/60 duration-300',
         className,
       )}`}
     >