migration to yarn

Dockerfile

@@ -1,34 +1,65 @@
+# FROM node:23.5.0-alpine
+
+# ENV PORT 4000
+
+# # pnpm install globally
+# RUN npm install -g pnpm
+
+# # Create app directory
+# RUN mkdir -p /usr/src/app
+# WORKDIR /usr/src/app
+
+# # Installing dependencies
+# COPY package.json pnpm-lock.yaml ./
+
+# # Copy ckeditor5 to workdir
+# COPY vendor/ckeditor5 ./vendor/ckeditor5
+
+# # Install dependencies
+# RUN pnpm install --frozen-lockfile
+
+# # RUN npm install --force
+# # RUN npm install -g npm@latest
+# # RUN npm install
+
+# # Copying source files
+# COPY . .
+
+# # Building app
+# RUN pnpm run build
+
+# EXPOSE 4000
+
+# # Running the app
+# CMD ["pnpm", "run", "start"]
+
 FROM node:23.5.0-alpine
 
 ENV PORT 4000
 
-# pnpm install globally
+# Install Yarn globally
-RUN npm install -g pnpm
+RUN npm install -g yarn
 
 # Create app directory
 RUN mkdir -p /usr/src/app
 WORKDIR /usr/src/app
 
-# Installing dependencies
+# Copy package.json and yarn.lock
-COPY package.json pnpm-lock.yaml ./
+COPY package.json yarn.lock ./
 
 # Copy ckeditor5 to workdir
 COPY vendor/ckeditor5 ./vendor/ckeditor5
 
 # Install dependencies
-RUN pnpm install --frozen-lockfile
+RUN yarn install --frozen-lockfile
-
-# RUN npm install --force
-# RUN npm install -g npm@latest
-# RUN npm install
 
 # Copying source files
 COPY . .
 
 # Building app
-RUN pnpm run build
+RUN yarn build
 
 EXPOSE 4000
 
 # Running the app
-CMD ["pnpm", "run", "start"]
+CMD ["yarn", "start"]

components/landing/CategorySatker.tsx

@@ -25,7 +25,7 @@ export default function CategorySatker() {
   const list = [
     {
       id: 6,
-      img: "/assets/satker2/yanma.png",
+      img: "/assets/satker2/yanma-icon.png",
       title: "Yanma",
       path: "/news/yanma",
     },
@@ -340,13 +340,7 @@ export default function CategorySatker() {
                 key={index}
                 className="w-[157px] h-[140px] flex flex-col items-center justify-evenly   "
               >
-                <Image
+                <img src={item.img} className="h-[60px]" />
-                  radius="lg"
-                  src={item.img}
-                  className="w-10 h-10"
-                  height={480}
-                  width={480}
-                />
                 <p className="text-xs font-bold text-white">{item.title}</p>
               </div>
             </Link>

package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "@ckeditor/ckeditor5-react": "^6.2.0",
     "@hookform/resolvers": "^3.3.4",
-    "@nextui-org/breadcrumbs": "^2.0.4",
+    "@nextui-org/breadcrumbs": "^2.2.6",
     "@nextui-org/button": "2.0.26",
     "@nextui-org/code": "2.0.24",
     "@nextui-org/input": "2.1.16",
@@ -21,7 +21,7 @@
     "@nextui-org/react": "^2.2.9",
     "@nextui-org/snippet": "2.0.30",
     "@nextui-org/switch": "2.0.25",
-    "@nextui-org/system": "2.0.15",
+    "@nextui-org/system": "^2.4.6",
     "@nextui-org/theme": "2.1.17",
     "@react-aria/ssr": "^3.8.0",
     "@react-aria/visually-hidden": "^3.8.6",

tsconfig.json

@@ -21,7 +21,8 @@
     ],
     "paths": {
       "@/*": ["./*"]
-    }
+    },
+    "typeRoots": ["./types", "./node_modules/@types"]
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]