improve home page LCP

[Vandivier]

https://search.google.com/search-console/core-web-vitals/drilldown?resource_id=sc-domain%3Aladderly.io&item_key=CAMQAhgC

[Vandivier]

png -> webp reduced the main logo size by 80%
this was the prod LCP constraint
pre-fix lighthouse:

[Vandivier]

three prod pre-fix incognito lighthouse trials gave 88,89,88

fix v1 trials gave preview env 85,86,85

with this code structure:

          <Image
            alt="Ladderly Logo"
            className="m-6 block rounded-lg shadow-lg"
            height={330}
            priority={true}
            quality={85}
            sizes="(max-width: 640px) 270px, (max-width: 1024px) 330px, 400px"
            src="/logo.webp"
            style={{ alignSelf: 'center', maxHeight: '200px' }}
            width={330}
            loading="eager"
            decoding="async"
          />

[Vandivier]

v2 cancels eager loading
i get 86,97,86

shipping to prod...maybe prod loads faster...? the main change is smaller webp file

[Vandivier]

after shipping to prod, fixed lighthouse gave 90,90,90 incognito!