feat: add border to selected client container

src/app/components/Clients.module.css

@@ -20,7 +20,8 @@
   padding: 1rem;
 }
 
-.clientContainer {
+.clientContainer,
+.selectedClientContainer {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -28,6 +29,10 @@
   font-size: 0.8rem;
 }
 
+.selectedClientContainer {
+  border-bottom: 2px solid #0b3766;
+}
+
 .official {
   color: #ee7203;
   font-weight: bold;

src/app/components/Clients.tsx

@@ -102,7 +102,13 @@ export default function Clients({
             key={client.name}
             className={styles.client}
           >
-            <div className={styles.clientContainer}>
+            <div
+              className={
+                selectedClient.name === client.name
+                  ? styles.selectedClientContainer
+                  : styles.clientContainer
+              }
+            >
               <div
                 className={styles.clientSvg}
                 dangerouslySetInnerHTML={{