Merge branch 'main' into separateNonFeaturedArticlesOnQuadrantView

# Conflicts:
#	.lintstagedrc
#	dist_scripts/src/model.js
#	src/animation.ts
#	src/components/Item/Item.tsx
#	src/components/ItemList/ItemList.tsx
#	src/components/PageItem/PageItem.tsx
#	src/index.scss
#	src/model.js
#	src/model.ts

src/components/HeroHeadline/HeroHeadline.tsx

@@ -1,10 +1,15 @@
-import React from 'react';
-import './hero-headline.scss';
-export default function ({ children, alt }: React.PropsWithChildren<{ alt?: string }>) {
-  return (
-    <div className='hero-headline'>
-      {children}
-      <span className='hero-headline__alt'>{alt}</span>
-    </div>
-  );
+import React from "react";
+import "./hero-headline.scss";
+
+interface Props {
+  alt?: string;
 }
+
+const HeroHeadline: React.FC<Props> = ({ children, alt }) => (
+  <div className="hero-headline">
+    {children}
+    <span className="hero-headline__alt">{alt}</span>
+  </div>
+);
+
+export default HeroHeadline;