chore: remove deprecated warning Next.js image un-configured qualities

Ref: https://nextjs.org/docs/messages/next-image-unconfigured-qualities

packages/blog/src/BlogPostContent.tsx

@@ -95,7 +95,6 @@ export const BlogPostContent: React.FC<BlogPostContentProps> = async (
                     alt={alt}
                     width={1000}
                     height={1000}
-                    quality={100}
                     className="size-auto"
                   />
                 </span>

packages/ui/src/Home/About/AboutLogo.tsx

@@ -9,7 +9,6 @@ export const AboutLogo: React.FC<AboutLogoProps> = () => {
   return (
     <div className="max-h-[370px] max-w-[370px] px-2 py-6">
       <Image
-        quality={100}
         src="/images/logo.webp"
         alt={t("meta.title")}
         width={800}

packages/ui/src/Home/Portfolio/PortfolioItem.tsx

@@ -32,7 +32,6 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
         >
           <div className="flex justify-center">
             <Image
-              quality={100}
               className="size-[300px] rounded-xl transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
               width={300}
               height={300}

packages/ui/src/Home/Skills/SkillItem.tsx

@@ -38,7 +38,6 @@ export const SkillItem: React.FC<SkillItemProps> = (props) => {
       >
         <Image
           className="inline size-16"
-          quality={100}
           width={64}
           height={64}
           alt={`Logo of ${skillName}`}

packages/ui/src/Layout/Header/Header.tsx

@@ -14,7 +14,6 @@ export const Header: React.FC<HeaderProps> = () => {
       <h1>
         <Link href="/" className="flex items-center justify-center">
           <Image
-            quality={100}
             className="w-16"
             src="/images/logo.webp"
             width={800}

packages/ui/src/Layout/Header/Locales/LocaleFlag.tsx

@@ -14,7 +14,6 @@ export const LocaleFlag: React.FC<LocaleFlagProps> = (props) => {
   return (
     <>
       <Image
-        quality={100}
         width={35}
         height={35}
         src={`/images/locales/${locale}.svg`}