feat: landing - animate hero (#197)

* chore: move HeroDesktop to a separate component

* feat: update Box file extension and created AnimatedBox common component

* adds lodash to landing deps

* chore: split hero desktop

* screen reader variant for Text common component

* SandpackTitle (svg + sr h1)

* fixup

* update global styles

* update button override

* wip

* wip

* fix: end position as start

* feat: reset styles and update font definitions

* wip

* wip: scale

* update lockfile

* fix remove font size calc from html def

* adjust resources styling

* wip: misc adjustments on clipboard and resources

* remove unused files

* updated hero

* update lockfile

* misc adjustments

* remove lodash debounce

* update global styles

* fix hero desktop fouc

* fix: focus on editor when animation ends

website/landing/components/Hero/Hero.tsx

@@ -4,7 +4,7 @@ import { HeroDesktop } from "./HeroDesktop";
 import { HeroMobile } from "./HeroMobile";
 
 export const Hero: React.FC = () => {
-  const isDesktop = useBreakpoint("1440");
+  const isDesktop = useBreakpoint("bp2");
 
   return isDesktop ? <HeroDesktop /> : <HeroMobile />;
 };