feat(app): update branding, improve button animations, and complete PC Components simulator

- Replace logo with updated Computing:Box branding assets
- Fix animations for Random and Reset buttons for smoother interaction
- Implement full first version of the PC Components simulator
- Update built output to reflect new assets, layout, and functionality
- Remove legacy assets and outdated build files

Signed-off-by: Alexander Lyall <alex@adcm.uk>

src/pages/binary.astro

@@ -88,7 +88,7 @@ import "../styles/number-simulators.css";
             <button class="toolBtn toolSpin toolDec" id="btnDec" type="button" aria-label="Decrement">▼</button>
             <button class="toolBtn toolSpin toolInc" id="btnInc" type="button" aria-label="Increment">▲</button>
           </div>
-          <div class="toolRow2">
+          <div class="controlsRow">
             <button class="btn btnHalf" id="btnShiftLeft" type="button">Left Shift</button>
             <button class="btn btnHalf" id="btnShiftRight" type="button">Right Shift</button>
           </div>

src/pages/logic-gates.astro

@@ -38,12 +38,11 @@ import "../styles/logic-gates.css";
         <div class="tb-icon-grid" id="toolboxGrid"></div>
       </div>
       <div class="card">
-        <div class="cardTitle">Live Truth Table</div>
-        <details open>
-          <summary class="tt-summary">Show / Hide Table</summary>
-          <div style="font-family: var(--ui-font); font-size: 12px; color: var(--muted); margin-bottom: 12px;">Auto-generates based on current wiring. (Max 6 inputs)</div>
-          <div class="tt-table-wrap" id="truthTableContainer"></div>
-        </details>
+      <div class="cardTitle">Live Truth Table</div>
+      <div style="font-family: var(--ui-font); font-size: 12px; color: var(--muted); margin-bottom: 12px;">Auto-generates based on current wiring.</div>
+      <div id="truthTableContainer"> <div class="tt-table-wrap">
+          </div>
+      </div>
       </div>
       <div class="card">
         <div class="cardTitle">Tools</div>

src/pages/pc-builder.astro

@@ -31,20 +31,25 @@ import "../styles/pc-builder.css";
     </div>
     
     <aside id="toolboxPanel" class="pb-toolbox" aria-label="Toolbox">
-      <div class="card">
-        <div class="cardTitle">Inventory</div>
-        <div class="tb-icon-grid" id="toolboxGrid"></div>
-      </div>
-
       <div class="card">
         <div class="cardTitle">System Diagnostics</div>
         <div style="font-family: var(--ui-font); font-size: 12px; color: var(--muted); margin-bottom: 12px;">Live pre-flight boot analysis.</div>
         <div class="specs-panel" id="buildSpecsContainer"></div>
       </div>
 
+      <div class="card">
+        <div class="cardTitle">Inventory</div>
+        <div class="tb-icon-grid" id="toolboxGrid"></div>
+      </div>
+
       <div class="card">
         <div class="cardTitle">Tools</div>
-        <button class="btn btnReset btnWide" id="btnClearBoard" type="button" style="margin-bottom:0;">Disassemble PC</button>
+        <div style="display:grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 12px;">
+          <button class="btn btnWide" id="btnAssembleHDD" type="button">Assemble (HDD Build)</button>
+          <button class="btn btnWide" id="btnAssembleSATA" type="button">Assemble (SSD Build)</button>
+          <button class="btn btnWide" id="btnAssembleM2" type="button">Assemble (NVMe Build)</button>
+        </div>
+        <button class="btn btnReset btnWide" id="btnClearBoard" type="button">Disassemble PC</button>
       </div>
     </aside>