feat(SW-66, SW-348): search functionality and ui

components/Blocks/DynamicContent/OverviewTable/YourLevelScript/index.tsx

@@ -0,0 +1,19 @@
+import { useIntl } from "react-intl"
+
+import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
+
+import styles from "./yourLevel.module.css"
+
+export default function YourLevel() {
+  const intl = useIntl()
+  return (
+    <BiroScript
+      className={styles.script}
+      color="peach80"
+      type="two"
+      textAlign={"center"}
+    >
+      {intl.formatMessage({ id: "Your level" })}
+    </BiroScript>
+  )
+}

components/Blocks/DynamicContent/OverviewTable/YourLevelScript/yourLevel.module.css

@@ -0,0 +1,10 @@
+.script {
+  transform: rotate(-4deg);
+  padding-bottom: var(--Spacing-x-half);
+}
+
+@media screen and (min-width: 950px) {
+  .script {
+    padding-bottom: var(--Spacing-x1);
+  }
+}