chore: optimize code and remove consolelog

src/app/blog/[slug]/page.tsx

@@ -22,6 +22,7 @@ export const generateStaticParams = async () => {
   }));
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const PostPage = (props: any) => {
   const slug = props.params.slug;
 

src/app/page.tsx

@@ -21,8 +21,8 @@ const ProfileSumarry = () => {
         <div className="w-[150px] h-[150px] md:min-w-[120px] bg-white   rounded-[50%] overflow-hidden md:h-[140px]">
           <Image
             src="/assets/profile2.jpg"
-            width={450}
-            height={450}
+            width={150}
+            height={150}
             className="rounded-lg  "
             priority
             alt="profile pict"

src/components/PostPreview.tsx

@@ -8,7 +8,7 @@ const PostPreview = ({ ...props }) => {
   const pathName = usePathname().split('/')[1];
 
   return (
-    <Link href={`/blog/${props.slug}?backUrl=${pathName}`}>
+    <Link href={`/blog/${props.slug}?backUrl=${pathName === '' ? '/' : pathName}`}>
       <div className="border border-[#404040] w-full dark:border-neutral-700 bg-[#262626] hover:bg-[#262626]/30  dark:bg-neutral-800 rounded flex items-center justify-between px-3 py-4 ">
         <div className="flex flex-col">
           <p className="font-bold text-white dark:text-neutral-100">{props.title}</p>

src/hooks/use-flubber.tsx

@@ -1,6 +1,7 @@
 import { interpolate } from 'flubber';
 import { MotionValue, useTransform } from 'framer-motion';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const getIndex = (_: any, index: number) => index;
 
 export function useFlubber(progress: MotionValue<number>, paths: string[]) {

src/utils/getPosts.ts

@@ -21,7 +21,6 @@ const getPostMetadata = (): PostMetadata[] => {
     };
   });
 
-  console.log(posts);
   return posts;
 };