chore(frontend): request for full quality hero images

Author: alcercu

frontend/src/app/for-lawyers/components/Hero.tsx

@@ -41,6 +41,7 @@ const Hero: React.FC = async () => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/app/home/components/Hero.tsx

@@ -54,6 +54,7 @@ const Hero: React.FC = async () => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/components/BrandAssets/Hero.tsx

@@ -32,6 +32,7 @@ const Hero: React.FC<IHero> = ({ heroData }) => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/components/Community/hero.tsx

@@ -35,6 +35,7 @@ const Hero: React.FC<IHero> = ({ heroData }) => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/components/Cooperative/hero.tsx

@@ -43,6 +43,7 @@ const Hero: React.FC<IHero> = ({ heroData }) => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/components/Earn/Hero.tsx

@@ -50,6 +50,7 @@ const Hero: React.FC<IHero> = ({ heroData }) => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/components/ForBuilders/Hero.tsx

@@ -47,6 +47,7 @@ const Hero: React.FC<IHero> = ({ heroData }) => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/components/PNKToken/Hero.tsx

@@ -36,6 +36,7 @@ const Hero: React.FC<IHero> = ({ heroData }) => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>

frontend/src/components/ResearchDevelopment/Hero.tsx

@@ -49,6 +49,7 @@ const Hero: React.FC<IHero> = ({ heroData }) => {
         alt="Hero Image Background"
         fill
         priority
+        quality={100}
         className="absolute left-0 top-0 z-[-1] h-full object-cover"
       />
     </div>