Phone App: fix stretched logo mark on login screen

Match DriverVaultMark geometry to the canonical brand icon
(drivervault-icon.svg): 48-unit box, 6-wide bars at heights
16/24/32, vertically centred. The bars were previously ~35%
too tall and bottom-pinned, which read as vertical stretching.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Phone App/lib/theme.dart

@@ -221,9 +221,12 @@ class DriverVaultMark extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final u = size / 40; // scale factor
+    // Geometry mirrors the canonical brand mark (drivervault-icon.svg): a 48-unit
+    // box with three 6-wide bars (heights 16/24/32), vertically centred and
+    // skewed -13deg. Keeping these proportions avoids the bars looking stretched.
+    final u = size / 48; // scale factor (brand viewBox is 48x48)
     Widget bar(double h, Color c) => Container(
-          width: 5 * u,
+          width: 6 * u,
           height: h * u,
           decoration: BoxDecoration(color: c, borderRadius: BorderRadius.circular(3 * u)),
         );
@@ -232,16 +235,16 @@ class DriverVaultMark extends StatelessWidget {
       height: size,
       child: Transform(
         alignment: Alignment.center,
-        transform: Matrix4.skewX(-0.23),
+        transform: Matrix4.skewX(-0.23), // -13deg, matches the SVG
         child: Row(
           mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.end,
+          crossAxisAlignment: CrossAxisAlignment.center,
           children: [
-            bar(18, DriverVault.brand700),
+            bar(16, DriverVault.brand700),
-            SizedBox(width: 3.5 * u),
+            SizedBox(width: 4 * u),
-            bar(28, DriverVault.brand500),
+            bar(24, DriverVault.brand500),
-            SizedBox(width: 3.5 * u),
+            SizedBox(width: 4 * u),
-            bar(36, DriverVault.brand400),
+            bar(32, DriverVault.brand400),
           ],
         ),
       ),