Fix redundant Bitcoin text and reduce header padding

- Removed redundant "Bitcoin" text from mobile and desktop headers
- Now shows Bitcoin icon + "Spreadsheet" instead of "Bitcoin Spreadsheet"
- Reduced App-header padding from 24px to 12px for better spacing
- Fixes artifact where "Bitcoin" appeared twice in the title

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: b0ase

frontend/src/App.css

@@ -78,7 +78,7 @@ body {
   background: rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(20px);
   color: #1976d2;
-  padding: 24px 32px;
+  padding: 12px 32px;
   border-bottom: 1px solid rgba(25, 118, 210, 0.1);
   position: relative;
   box-shadow: 0 2px 12px rgba(25, 118, 210, 0.08);

frontend/src/App.tsx

@@ -277,7 +277,7 @@ function App() {
                       className="bitcoin-icon-beveled"
                       style={{ width: '40px', height: '40px', marginRight: '16px', verticalAlign: 'middle' }}
                     />
-                    <span className="bitcoin-orange">Bitcoin</span> Spreadsheet
+                    Spreadsheet
                   </h1>
                 </div>
                 <div className="mobile-header-connections">
@@ -361,7 +361,7 @@ function App() {
                     className="bitcoin-icon-beveled"
                     style={{ width: '40px', height: '40px', marginRight: '16px', verticalAlign: 'middle' }}
                   />
-                  <span className="bitcoin-orange">Bitcoin</span> Spreadsheet
+                  Spreadsheet
                 </h1>
                 <p className="app-subtitle">Secure, encrypted spreadsheets on the blockchain</p>
               </div>

src/App.css

@@ -78,7 +78,7 @@ body {
   background: rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(20px);
   color: #1976d2;
-  padding: 24px 32px;
+  padding: 12px 32px;
   border-bottom: 1px solid rgba(25, 118, 210, 0.1);
   position: relative;
   box-shadow: 0 2px 12px rgba(25, 118, 210, 0.08);

src/App.tsx

@@ -277,7 +277,7 @@ function App() {
                       className="bitcoin-icon-beveled"
                       style={{ width: '40px', height: '40px', marginRight: '16px', verticalAlign: 'middle' }}
                     />
-                    <span className="bitcoin-orange">Bitcoin</span> Spreadsheet
+                    Spreadsheet
                   </h1>
                 </div>
                 <div className="mobile-header-connections">
@@ -361,7 +361,7 @@ function App() {
                     className="bitcoin-icon-beveled"
                     style={{ width: '40px', height: '40px', marginRight: '16px', verticalAlign: 'middle' }}
                   />
-                  <span className="bitcoin-orange">Bitcoin</span> Spreadsheet
+                  Spreadsheet
                 </h1>
                 <p className="app-subtitle">Secure, encrypted spreadsheets on the blockchain</p>
               </div>