fix: arrow key nav (left/right modifiers) + opacity class not clearing on retag

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

services/travel-memories/app/templates/phase2.html

@@ -5,8 +5,8 @@
      @keydown.s.window="tagFocused('story')"
      @keydown.x.window="tagFocused('skip')"
      @keydown.space.prevent.window="tagFocused('skip')"
-     @keydown.arrowleft.prevent.window="navigate(-1)"
-     @keydown.arrowright.prevent.window="navigate(1)">
+     @keydown.left.prevent.window="navigate(-1)"
+     @keydown.right.prevent.window="navigate(1)">
 
   <div class="flex items-center justify-between mb-4">
     <h1 class="text-xl font-bold">Triage</h1>
@@ -175,8 +175,8 @@ function triageApp(albumId) {
       el.dataset.tag = tag;
       // Remove any existing border/opacity classes before adding new ones
       el.className = el.className
-        .split(' ')
-        .filter(c => !c.startsWith('border-') && c !== 'opacity-40')
+        .split(/\s+/)
+        .filter(c => c && !c.startsWith('border-') && c !== 'opacity-40')
         .join(' ');
       if (tag === 'journal') {
         el.classList.add('border-success');