Add connection status component and improve socket reconnection handling

client/src/common/styles/components/voting-screen.sass

@@ -253,11 +253,46 @@
 .voting-actions
   display: flex
   justify-content: center
+  flex-direction: column
+  align-items: center
   margin: 2rem 0
 
   .btn
     min-width: 180px
     font-size: 1rem
+    
+    &.offline
+      background-color: $secondary
+      position: relative
+      
+  .offline-notice
+    margin-top: 1rem
+    padding: 0.5rem
+    background-color: rgba($secondary, 0.2)
+    border: 2px solid $secondary
+    max-width: 400px
+    text-align: center
+    font-size: 0.7rem
+    
+    svg
+      margin-right: 0.5rem
+      color: $secondary
+      
+  .offline-vote-status
+    margin-top: 1rem
+    padding: 0.5rem
+    background-color: rgba($success, 0.2)
+    border: 2px solid $success
+    max-width: 400px
+    text-align: center
+    font-size: 0.7rem
+    color: $success
+    animation: pulse-opacity 2s infinite
+    
+    &.error
+      background-color: rgba(#f44336, 0.2)
+      border-color: #f44336
+      color: #f44336
 
 // Voting status and information
 .voting-status
@@ -274,6 +309,17 @@
     font-size: 0.9rem
     color: $text
     
+  .reconnecting-notice
+    margin: 0.5rem auto 1rem auto
+    padding: 0.5rem
+    background-color: rgba($secondary, 0.2)
+    border: 2px solid $secondary
+    max-width: 400px
+    text-align: center
+    font-size: 0.7rem
+    color: $secondary
+    animation: pulse-opacity 2s infinite
+    
   .auto-advance-notice
     margin: 1rem auto
     max-width: 400px
@@ -297,6 +343,11 @@
       color: $primary
       font-weight: bold
       
+    .offline-badge
+      color: $secondary
+      margin-left: 0.5rem
+      font-size: 0.7rem
+      
   // Player votes list styling
   .player-votes
     background-color: rgba(0, 0, 0, 0.2)
@@ -368,6 +419,21 @@
           background-color: rgba(255, 255, 255, 0.05)
           border-color: rgba(255, 255, 255, 0.1)
           opacity: 0.7
+          
+        &.offline-voted
+          background-color: rgba($secondary, 0.1)
+          border-color: rgba($secondary, 0.5)
+          
+          .offline-icon
+            color: $secondary
+            margin-left: 0.5rem
+            animation: pixel-pulse 1.5s infinite
+
+@keyframes pulse-opacity
+  0%, 100%
+    opacity: 1
+  50%
+    opacity: 0.5
 
 @keyframes pixel-blink
   0%, 100%