refactor single-code boxing UI

lib/widgets/status_bar.dart

@@ -33,13 +33,14 @@ class StatusBar extends StatelessWidget {
     final colorScheme = Theme.of(context).colorScheme;
     return Container(
       width: double.infinity,
-      padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 12),
+      height: 28,
+      padding: const EdgeInsets.symmetric(horizontal: 12),
       color: colorScheme.surfaceContainerHighest,
       child: Row(
         children: [
           Container(
-            width: 7,
-            height: 7,
+            width: 6,
+            height: 6,
             decoration: BoxDecoration(
               color: _resolveDotColor(context),
               shape: BoxShape.circle,
@@ -49,7 +50,7 @@ class StatusBar extends StatelessWidget {
           Expanded(
             child: Text(
               text,
-              style: const TextStyle(fontSize: 12),
+              style: const TextStyle(fontSize: 11),
               overflow: TextOverflow.ellipsis,
             ),
           ),