building errors was fixed

src/app/(routes)/blog/categories/[slug]/page.tsx

@@ -1,15 +1,7 @@
-import { useParams } from "next/navigation";
-
 type propsType = {
-  id: number;
   params: { slug: string };
 };
 
-export default function SingleCategory({ params, id }: propsType) {
-  return (
-    <div>
-      {params.slug}
-      {id}
-    </div>
-  );
+export default function SingleCategory({ params }: propsType) {
+  return <div>{params.slug}</div>;
 }

src/app/(routes)/blog/categories/page.tsx

@@ -147,7 +147,7 @@ export default function Categories() {
                 </h3>
               </Link>
               <p className="text-[16px] font-[400] text-blog-text-default">
-                The web is 99% typography. Make sure you're setting your type
+                The web is 99% typography. Make sure you are setting your type
                 right.
               </p>
             </div>
@@ -168,7 +168,7 @@ export default function Categories() {
                 </h3>
               </Link>
               <p className="text-[16px] font-[400] text-blog-text-default">
-                Whether you're new to web design or 3layers, start here.
+                Whether you are new to web design or 3layers, start here.
               </p>
             </div>
           </div>
@@ -188,8 +188,8 @@ export default function Categories() {
                 </h3>
               </Link>
               <p className="text-[16px] font-[400] text-blog-text-default">
-                Like a serving of snark with your web design advice? Then you're
-                going to love these.
+                Like a serving of snark with your web design advice? Then you
+                are going to love these.
               </p>
             </div>
           </div>

src/app/(routes)/blog/components/footer/footer.tsx

@@ -9,6 +9,7 @@ export default function Footer() {
         width={200}
         height={50}
         alt="parsaaghayi's blog logo"
+        priority
       />
       <Image
         src={"/images/blog/icons/socials.svg"}

src/app/(routes)/blog/components/header/header.tsx

@@ -15,6 +15,7 @@ export default function Header() {
               src={"/images/blog/logo/logo-no-background.png"}
               fill
               alt="parsaaghayi's blog logo"
+              priority
             />
           </div>
         </Link>

src/app/(routes)/blog/components/home/new/new.tsx

@@ -9,6 +9,7 @@ export default function New() {
           src={"/images/blog/posts/1.jpg"}
           alt="parsaaghayi's blog logo"
           fill={true}
+          priority
         />
         <div className="absolute z-[1] h-full w-full bg-blog-purple opacity-80"></div>
 

src/app/(routes)/blog/filtered-posts/[filter]/page.tsx

@@ -13,7 +13,7 @@ export default function FilteredPosts({ params }: propsType) {
           {params.filter}
         </h1>
         <p className="max-w-[650px] text-[18px] font-[600] text-blog-text-default">
-          i don't know how to dynamic this part!
+          i do not know how to dynamic this part!
         </p>
       </div>
       <div className="my-10 flex w-full flex-wrap justify-center gap-5">

src/app/(routes)/blog/posts/[slug]/page.tsx

@@ -1,15 +1,7 @@
-import { useParams } from "next/navigation";
-
 type propsType = {
-  id: number;
   params: { slug: string };
 };
 
-export default function SinglePost({ params, id }: propsType) {
-  return (
-    <div>
-      {params.slug}
-      {id}
-    </div>
-  );
+export default function SinglePost({ params }: propsType) {
+  return <div>{params.slug}</div>;
 }

src/app/(routes)/blog/tags/[slug]/page.tsx

@@ -1,15 +1,7 @@
-import { useParams } from "next/navigation";
-
 type propsType = {
-  id: number;
   params: { slug: string };
 };
 
-export default function SingleTag({ params, id }: propsType) {
-  return (
-    <div>
-      {params.slug}
-      {id}
-    </div>
-  );
+export default function SingleTag({ params }: propsType) {
+  return <div>{params.slug}</div>;
 }