Merges with upstream

Signed-off-by: Sebastian Kawelke <sebastian.kawelke@l3montree.com>

src/components/CheckRepoForm.tsx

 // Copyright 2025 Zentrum für Digitale Souveränität der Öffentlichen Verwaltung (ZenDiS) GmbH.
 // SPDX-License-Identifier: MIT
 
-import React, { FunctionComponent, useTransition } from 'react'
-import { Form, FormItem } from './ui/form'
-import { Label } from './ui/label'
-import { Input } from './ui/input'
-import { Button } from './ui/button'
-import { useToast } from '../hooks/use-toast'
+import { Loader2 } from 'lucide-react'
+import React, { FunctionComponent } from 'react'
 import { useForm } from 'react-hook-form'
+import { useToast } from '../hooks/use-toast'
 import { apiCall, SarifApiResponse } from '../lib/apiClient'
-import { Loader2 } from 'lucide-react'
+import { Button } from './ui/button'
+import { Form, FormItem } from './ui/form'
+import { Input } from './ui/input'
+import { Label } from './ui/label'
 
 interface Props {
     onScanFinished: (response: SarifApiResponse) => void
@@ -50,9 +50,9 @@ const CheckRepoForm: FunctionComponent<Props> = ({
         } catch (e) {
             console.error(e)
             toast({
-                title: 'Provided url is invalid',
+                title: 'Die angegebene Url ist ungültig',
                 description:
-                    'Please check if the url you provided has a typo. Make sure to include the whole url to the repo, without the .git ending.',
+                    'Bitte überprüfen Sie, ob die von Ihnen angegebene URL einen Tippfehler enthält. Stellen Sie sicher, dass Sie die gesamte URL des Repos angeben, ohne die Endung .git.',
             })
         } finally {
             setIsPending(false)

src/components/landing-page/Hero.tsx

@@ -54,7 +54,7 @@ export default function Hero() {
                         />
                     </div>
                     <div className="overflow-hidden">
-                        <div className="mx-auto max-w-7xl px-6 pb-32 pt-36 sm:pt-60 lg:px-8 lg:pt-32">
+                        <div className="mx-auto max-w-7xl px-6 pb-0 pt-20 md:pb-20 md:pt-20 lg:px-8 lg:pt-32">
                             <div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
                                 <div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
                                     <h1 className="text-pretty text-5xl font-semibold tracking-tight text-zinc-900 sm:text-7xl">

tailwind.config.js

@@ -15,6 +15,20 @@ module.exports = {
         },
         extend: {
             colors: {
+                background: {
+                    DEFAULT: '#f7f7f7',
+                    50: '#ffffff',
+                    100: '#ffffff',
+                    200: '#ffffff',
+                    300: '#ffffff',
+                    400: '#ffffff',
+                    500: '#f7f7f7',
+                    600: '#e0e0e0',
+                    700: '#c8c8c8',
+                    800: '#b1b1b1',
+                    900: '#999999',
+                },
+                
                 zendis: {
                     50: '#eefffb',
                     100: '#c6fff4',

theme.config.tsx

@@ -52,12 +52,11 @@ const config: DocsThemeConfig = {
                 alt="Badge API Icon"
                 width={220}
                 height={80}
-                className="h-12 w-auto"
+                className="h-12 w-auto md:inline-block"
             />
-            <span>
-                <span className="font-space-grotesk text-xl font-bold text-black">
-                    Badge Programm
-                </span>
+
+            <span className="font-space-grotesk text-xl font-bold text-black md:hidden lg:inline-block">
+                Badge Programm
             </span>
         </span>
     ),
@@ -76,7 +75,7 @@ const config: DocsThemeConfig = {
         ),
     },
     docsRepositoryBase:
-        'https://gitlab.opencode.de/open-code/badgebackend/gitlab-profile/-/tree/main/',
+        'https://gitlab.opencode.de/open-code/badgebackend/gitlab-profile/-/tree/main',
     backgroundColor: {
         dark: '12,17,23',
         light: '255,255,255',