fix: improve overall rendering v3 (#25)

Follow-up of #15

Co-authored-by: Walidoux <ma.walidkorchi@icloud.com>

pages/_app.tsx

@@ -20,6 +20,14 @@ const Application = ({ Component, pageProps }: AppProps): JSX.Element => {
 
   useEffect(() => {
     cookies.set('NEXT_LOCALE', lang)
+    const appHeight = (): void => {
+      document.documentElement.style.setProperty(
+        '--app-height',
+        `${window.innerHeight}px`
+      )
+    }
+    window.addEventListener('resize', appHeight)
+    appHeight()
   }, [lang])
 
   return (

pages/index.tsx

@@ -26,6 +26,7 @@ const Home: NextPage<FooterProps> = (props) => {
             <Link href='/authentication/signup'>
               <a>
                 <Image
+                  quality={100}
                   width={351}
                   height={341}
                   src='/images/svg/design/home.svg'