fix(ui): improve year navigation separators

Replace list-style disc with CSS pseudo-element dots between years.
Properly centered, and invisible to screen readers.

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

Author: Slashgear

modules/event/components/YearNavigation.module.css

@@ -5,10 +5,11 @@
 
 .list {
   display: flex;
+  align-items: center;
   margin-top: 56px;
   padding-bottom: 12px;
   font-weight: 700;
-  list-style: disc outside;
+  list-style: none;
   gap: 20px;
   overflow: auto;
   scroll-snap-type: x proximity;
@@ -19,12 +20,10 @@
   scroll-snap-align: start;
 }
 
-.list li:first-child {
-  list-style: none;
-}
-
-.separator {
-  padding: 0 5px;
+.list li + li::before {
+  content: '·';
+  margin-right: 20px;
+  opacity: 0.5;
 }
 
 .link[aria-current='page'] {