fix(KERN): remove KernStandaloneLink component

app/components/kern/common/KernIcon.tsx

@@ -12,7 +12,7 @@ export function KernIcon({
 }: Readonly<IconProps>) {
   return (
     <svg
-      className={`app-icon ${className}`}
+      className={`app-icon ${className} flex-shrink-0`}
       width={size}
       height={size}
       fill="currentColor"

app/components/kern/layout/KernBreadcrumbs.tsx

@@ -1,7 +1,6 @@
 import { Grid } from "~/components/layout/grid/Grid";
 import { GridItem } from "~/components/layout/grid/GridItem";
 import { GridSection } from "~/components/layout/grid/GridSection";
-import { KernStandaloneLink } from "../KernStandaloneLink";
 import { KernIcon } from "~/components/kern/common/KernIcon";
 
 type KernBreadcrumb = {
@@ -53,11 +52,12 @@ export default function KernBreadcrumbs({
                     {breadcrumb.title}
                   </span>
                 ) : (
-                  <KernStandaloneLink
-                    text={breadcrumb.title ?? ""}
-                    url={breadcrumb.url ?? ""}
-                    className="increase-tap-area text-kern-16 p-0!"
-                  />
+                  <a
+                    href={breadcrumb.url ?? ""}
+                    className="increase-tap-area kern-link kern-link--small p-0!"
+                  >
+                    {breadcrumb.title ?? ""}
+                  </a>
                 )}
               </div>
             ))}

app/components/kern/layout/KernFooter.tsx

@@ -1,7 +1,6 @@
 import { translations as staticTranslations } from "~/services/translations/translations";
 import KernRichText, { type RichTextProps } from "../KernRichText";
 import Image, { type ImageProps } from "~/components/common/Image";
-import { KernStandaloneLink } from "../KernStandaloneLink";
 import { GridItem } from "~/components/layout/grid/GridItem";
 import { Grid } from "~/components/layout/grid/Grid";
 import { GridSection } from "~/components/layout/grid/GridSection";
@@ -29,11 +28,9 @@ const Links = ({ links }: Pick<CategorizedLinkProps, "links">) => {
   return links.map((link) => {
     return (
       <li key={link.url} className="">
-        <KernStandaloneLink
-          text={link.text ?? ""}
-          url={link.url}
-          className="kern-body"
-        />
+        <a href={link.url} className="kern-link">
+          {link.text ?? ""}
+        </a>
       </li>
     );
   });
@@ -109,14 +106,10 @@ export default function KernFooter({
               className="text-white print:hidden text-center pt-16 pb-16"
             >
               <div className="text-center print:hidden">
-                <KernStandaloneLink
-                  className="ds-label-03-reg"
-                  text={
-                    staticTranslations["delete-data"].footerLinkLabel.de ??
-                    "Persönliche Daten löschen"
-                  }
-                  url="/persoenliche-daten-loeschen"
-                />
+                <a className="kern-link" href="/persoenliche-daten-loeschen">
+                  {staticTranslations["delete-data"].footerLinkLabel.de ??
+                    "Persönliche Daten löschen"}
+                </a>
               </div>
             </GridItem>
           </Grid>

app/components/kern/navigation/SideNavMobile.tsx

@@ -8,12 +8,9 @@ import {
   stateIsActive,
   stateIsWarning,
 } from "~/services/navigation/navState";
-import KeyboardArrowLeft from "@digitalservicebund/icons/KeyboardArrowLeft";
-import SvgWarningAmber from "@digitalservicebund/icons/WarningAmberRounded";
 import { getMobileButtonAreaTitles } from "~/components/navigation/getMobileButtonAreaTitles";
 import classNames from "classnames";
 import { KernIcon } from "../common/KernIcon";
-import { KernStandaloneLink } from "../KernStandaloneLink";
 
 const DATA_TESTID_STEP_STEPPER_LINK = "step-stepper-link";
 
@@ -39,19 +36,19 @@ const StepStepperLinks = ({
           const isWarningStep = stateIsWarning(step.state);
           return (
             <div className="flex flex-row pl-16 pr-0 pb-16" key={step.label}>
-              <KernStandaloneLink
-                url={step.href}
+              <a
+                href={step.href}
                 className="truncate text-left mw-[70vw]"
-                icon={<KeyboardArrowLeft className="inline" />}
-                text={`${translations.navigationMobile.toStep.de} ${step.label} (${step.stepIndex}/${stepsStepper.length})`}
-                dataTestid={DATA_TESTID_STEP_STEPPER_LINK}
+                data-testid={DATA_TESTID_STEP_STEPPER_LINK}
                 aria-describedby={isWarningStep ? step.href : undefined}
-              />
+              >
+                <KernIcon name="chevron-left" className="inline" />
+                {`${translations.navigationMobile.toStep.de} ${step.label} (${step.stepIndex}/${stepsStepper.length})`}
+              </a>
               {isWarningStep && (
-                <SvgWarningAmber
-                  data-testid="icon-warning"
-                  className="pl-2"
-                  id={step.href}
+                <KernIcon
+                  name="warning"
+                  className="pl-2 fill-kern-feedback-warning!"
                   aria-label={translations.navigation.navigationItemWarning.de}
                 />
               )}