chore: next.js app build fail fix (#develop)

Author: createhb21

.github/workflows/deploy-nextjs.yml

@@ -35,6 +35,17 @@ jobs:
         with:
           node-version: ${{ env.DEFAULT_NODE_VERSION }}
 
+      - name: Update Corepack
+        run: |
+          echo "Before: corepack version => $(corepack --version || echo 'not installed')"
+          npm install -g corepack@latest
+          echo "After : corepack version => $(corepack --version)"
+          corepack enable
+          pnpm --version
+
+      - name: Install sharp for Next.js image optimization
+        run: cd services/one-app && pnpm install sharp
+
       - name: Install dependencies
         uses: ./.github/actions/pnpm-install
 

services/ahhachul.com/src/components/domain/home/headerActions/HomeHeaderActions.styled.tsx

@@ -27,19 +27,19 @@ export const button = css`
 export const menu = css`
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 4px;
 
   width: 192px;
   background-color: white;
-  border-radius: 8px;
+  border-radius: 12px;
   padding: 8px;
   box-shadow:
     0 10px 15px rgba(0, 0, 0, 0.1),
     0 4px 6px rgba(0, 0, 0, 0.05);
 
   overflow: hidden;
   position: absolute;
-  top: 16px;
+  top: 26px;
   left: -94px;
 `;
 
@@ -49,20 +49,19 @@ export const option = css`
   gap: 8px;
   width: 100%;
   border-radius: 6px;
-  padding: 8px;
+  padding: 12px 8px;
 
   color: #272727;
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 500;
   white-space: nowrap;
   cursor: pointer;
   transition:
     background-color 0.2s,
     color 0.2s;
 
-  &:active {
-    background-color: #c7d2fe;
-    color: #4f46e5;
+  &:first-of-type {
+    font-weight: 700;
   }
 
   @media (hover: hover) {

services/one-app/src/app/(user)/user/[username]/page.tsx

@@ -1,3 +1,3 @@
 export default function Page() {
-  return <main className="flex min-h-screen flex-col text-black bg-white ">MyPage</main>;
+  return <main className="flex min-h-screen flex-col text-black bg-white ">마이 페이지</main>;
 }