upd

jtl_patch_1

@@ -0,0 +1,37 @@
+--- header_nav_search.tpl	2024-09-05 21:21:55.613968192 +0200
++++ header_nav_search.tpl_	2024-09-23 08:20:50.345457355 +0200
+@@ -1,32 +1,18 @@
+ {block name='layout-header-nav-search'}
+     {block name='layout-header-nav-search-search'}
+         <{$tag|default:'div'} class="nav-item" id="search">
+-            <div class="search-wrapper">
+-                <form action="{$ShopURL}/search/" method="get">
+-                    <div class="form-icon">
+-                        {inputgroup}
+-                            {input id="search-header" name="qs" type="text" class="ac_input" placeholder="{lang key='search'}" autocomplete="off" aria=["label"=>"{lang key='search'}"]}
+-                            {inputgroupaddon append=true}
+-                                {button type="submit" variant="secondary" aria=["label"=>{lang key='search'}]}<span class="fas fa-search"></span>{/button}
+-                            {/inputgroupaddon}
+-                            <span class="form-clear d-none"><i class="fas fa-times"></i></span>
+-                        {/inputgroup}
+-                    </div>
+-                </form>
+-            </div>
+         </{$tag|default:'div'}>
+     {/block}
+     {block name='layout-header-nav-search-search-dropdown'}
++        <div class="dropdown-body">
++            <div id="react_insert"></div>
++        </div>
+         {if $Einstellungen.template.header.mobile_search_type === 'dropdown'}
+             {navitemdropdown tag='div' class='search-wrapper-dropdown d-block d-lg-none'
+                 text='<i id="mobile-search-dropdown" class="fas fa-search"></i>'
+                 right=true
+                 no-caret=true
+                 router-aria=['label'=>{lang key='findProduct'}]}
+-                <div class="dropdown-body">
+-                    {include file='snippets/search_form.tpl' id='search-header-desktop'}
+-                </div>
+             {/navitemdropdown}
+         {/if}
+     {/block}

src/index.js

@@ -1,8 +1,4 @@
 import * as ReactDOM from "react-dom/client";
-import "@fontsource/source-sans-pro/300.css";
-import "@fontsource/source-sans-pro/400.css";
-import "@fontsource/source-sans-pro/600.css";
-import "@fontsource/source-sans-pro/700.css";
 import CssBaseline from "@mui/material/CssBaseline";
 import { ThemeProvider, createTheme } from "@mui/material/styles";
 
@@ -15,18 +11,6 @@ function App() {
 }
 
 const theme = createTheme({
-/*	palette: {
-		background: {
-			default: "#c5cbe3;"
-		}
-	},*/
-	typography: {
-		fontFamily: "Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif",
-		fontWeightBold: 700,
-		fontWeightMedium: 600,
-		fontWeightRegular: 400,
-		fontWeightLight: 300
-	},
 	components: {
 		MuiTableCell: {
 			styleOverrides: {
@@ -64,12 +48,8 @@ function waitForElm(selector) {
 }
 
 waitForElm('#react_insert').then((elm) => {
-	console.log('Element is ready');
 	const root = ReactDOM.createRoot(elm);
 	root.render(
-	//var appDiv = document.createElement("div");
-	//document.body.appendChild(appDiv);
-	//ReactDOM.createRoot(appDiv).render(
 		<ThemeProvider theme={theme}>
 			<CssBaseline />
 			<App />