Fix control panel dropdown text clipping at the bottom of the field

.select's content box (2.125rem height minus padding and border) left
only ~16px for a 14px line -- descenders (g/y/p/q) rendered clipped in
some browsers, most visibly on the Competition edit modal's Sport
dropdown. Bumped .input/.select to 2.25rem for headroom, and .btn/
.btn-square the same amount so a button next to a field in the same
row still lines up -- .btn itself never had the clipping problem
(flex centring), this is purely for row alignment.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9

static/css/controlpanel.css

@@ -2114,7 +2114,7 @@
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
-    height: 2.125rem;
+    height: 2.25rem;
     padding-inline: 0.875rem;
     border-radius: var(--radius-box);
     font-family: var(--font-display);
@@ -2217,7 +2217,7 @@
   }
   .btn-square {
     padding-inline: 0;
-    width: 2.125rem;
+    width: 2.25rem;
   }
   .btn-sm {
     height: 1.75rem;
@@ -2435,7 +2435,7 @@
     padding: 0.5rem 0.75rem;
   }
   .input, .select {
-    height: 2.125rem;
+    height: 2.25rem;
   }
   .select {
     padding-right: 2rem;