build.sh bug fixes

frontend/src/components/BrandingModal.jsx

@@ -42,8 +42,7 @@ function TitleColourRow({ bgColor, bgLabel, textColor, onChange }) {
           <CustomPicker
             initial={textColor}
             onSet={(hex) => { onChange(hex); setMode('idle'); }}
-            onBack={() => setMode('idle')}
-          />
+            onBack={() => setMode('idle')} />
         </div>
       )}
     </div>
@@ -130,8 +129,7 @@ function SvSquare({ hue, s, v, onChange }) {
         onMouseMove={e => { if (dragging.current) handle(e); }}
         onMouseUp={() => { dragging.current = false; }}
         onMouseLeave={() => { dragging.current = false; }}
-        onTouchStart={handle} onTouchMove={handle}
-      />
+        onTouchStart={handle} onTouchMove={handle} />
       {/* Cursor circle */}
       <div style={{
         position: 'absolute',
@@ -173,8 +171,7 @@ function HueBar({ hue, onChange }) {
         onMouseMove={e => { if (dragging.current) handle(e); }}
         onMouseUp={() => { dragging.current = false; }}
         onMouseLeave={() => { dragging.current = false; }}
-        onTouchStart={handle} onTouchMove={handle}
-      />
+        onTouchStart={handle} onTouchMove={handle} />
       <div style={{
         position: 'absolute',
         left: `calc(${(hue / 360) * 100}% - 9px)`,
@@ -238,7 +235,7 @@ function CustomPicker({ initial, onSet, onBack }) {
             width: 110, background: 'var(--surface)',
             color: 'var(--text-primary)',
           }}
-          placeholder="#000000" autoComplete="new-password">
+          placeholder="#000000" autoComplete="new-password" >
         <span style={{ fontSize: 12, color: 'var(--text-tertiary)' }}>Chosen colour</span>
       </div>
 
@@ -287,8 +284,7 @@ function ColourPicker({ label, value, onChange, preview }) {
                   boxShadow: hex === value ? '0 0 0 2px var(--surface), 0 0 0 4px var(--text-primary)' : 'none',
                   transition: 'box-shadow 0.15s',
                 }}
-                title={hex}
-              />
+                title={hex} />
             ))}
           </div>
           <button className="btn btn-secondary btn-sm" onClick={() => setMode('custom')}>
@@ -301,8 +297,7 @@ function ColourPicker({ label, value, onChange, preview }) {
         <CustomPicker
           initial={value}
           onSet={(hex) => { onChange(hex); setMode('suggestions'); }}
-          onBack={() => setMode('suggestions')}
-        />
+          onBack={() => setMode('suggestions')} />
       )}
     </div>
   );
@@ -460,9 +455,7 @@ export default function BrandingModal({ onClose }) {
                   className="input flex-1"
                   value={appName}
                   maxLength={16}
-                  onChange={e = autoComplete="new-password"> setAppName(e.target.value)}
-                  onKeyDown={e => e.key === 'Enter' && handleSaveName()}
-                />
+                  onChange={e => setAppName(e.target.value)} autoComplete="new-password" onKeyDown={e => e.key === 'Enter' && handleSaveName()} />
                 <button className="btn btn-primary btn-sm" onClick={handleSaveName} disabled={loading}>{loading ? '...' : 'Save'}</button>
               </div>
               <p style={{ fontSize: 12, color: 'var(--text-tertiary)', marginTop: 6 }}>
@@ -513,14 +506,12 @@ export default function BrandingModal({ onClose }) {
                   bgColor="#f1f3f4"
                   bgLabel="Light mode"
                   textColor={colourTitle}
-                  onChange={setColourTitle}
-                />
+                  onChange={setColourTitle} />
                 <TitleColourRow
                   bgColor="#13131f"
                   bgLabel="Dark mode"
                   textColor={colourTitleDark}
-                  onChange={setColourTitleDark}
-                />
+                  onChange={setColourTitleDark} />
               </div>
             </div>
 
@@ -535,8 +526,7 @@ export default function BrandingModal({ onClose }) {
                     display: 'flex', alignItems: 'center', justifyContent: 'center',
                     color: 'white', fontWeight: 700, fontSize: 15, flexShrink: 0,
                   }}>A</div>
-                )}
-              />
+                )} />
             </div>
 
             <div style={{ borderTop: '1px solid var(--border)', paddingTop: 20 }}>
@@ -550,8 +540,7 @@ export default function BrandingModal({ onClose }) {
                     display: 'flex', alignItems: 'center', justifyContent: 'center',
                     color: 'white', fontWeight: 700, fontSize: 15, flexShrink: 0,
                   }}>B</div>
-                )}
-              />
+                )} />
             </div>
 
             <div style={{ borderTop: '1px solid var(--border)', paddingTop: 20 }}>