Fix Schnellzugriff: negatives Margin entfernt, overflow hidden - exakt 4 Icons pro Reihe

frontend/src/App.jsx

@@ -465,11 +465,10 @@ function QuickLinksCarousel({ links }) {
   );
 
   return (
-    <div style={{ position:'relative' }}>
+    <div style={{ position:'relative', overflow:'hidden' }}>
       <div ref={scrollRef} onScroll={onScroll} style={{
         display:'flex', overflowX:'auto', scrollSnapType:'x mandatory',
         scrollbarWidth:'none', WebkitOverflowScrolling:'touch',
-        marginInline:-14, paddingInline:14,
       }}>
         {Array.from({length: pageCount}, (_,pi) => (
           <div key={pi} style={{
@@ -477,7 +476,7 @@ function QuickLinksCarousel({ links }) {
             gridTemplateColumns:`repeat(${perRow}, 1fr)`,
             gridTemplateRows:'repeat(2, auto)',
             gap, flexShrink:0, scrollSnapAlign:'start',
-            width:'100%', minWidth:'100%',
+            width:'100%', minWidth:'100%', boxSizing:'border-box',
           }}>
             {links.slice(pi*pageSize, (pi+1)*pageSize).map(l => <QuickLinkIcon key={l.id} l={l}/>)}
           </div>