Order hour nav by the day, not by build/declaration order

HOUR_IDS drove the nav's render order but was declared arbitrarily;
reorder to Matins, Lauds, Prime, Terce, Sext, None, Vespers, Compline
so the nav reads left-to-right the way the office actually unfolds.

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

src/hours/types.ts

@@ -9,14 +9,14 @@ export type HourId =
   | 'matins';
 
 export const HOUR_IDS: readonly HourId[] = [
+  'matins',
+  'lauds',
   'prime',
-  'compline',
   'terce',
   'sext',
   'none',
-  'lauds',
   'vespers',
-  'matins',
+  'compline',
 ];
 
 /** Reference into one of the proper-text stores (data/propers/**). Not built yet — placeholder shape. */

tests/ui/shell.test.ts

@@ -26,14 +26,14 @@ describe('shell', () => {
 
     const hourNames = Array.from(root.querySelectorAll('.hour-name')).map((el) => el.textContent);
     expect(hourNames).toEqual([
+      'Matins',
+      'Lauds',
       'Prime',
-      'Compline',
       'Terce',
       'Sext',
       'None',
-      'Lauds',
       'Vespers',
-      'Matins',
+      'Compline',
     ]);
 
     expect(root.querySelector('.hour-item.is-selected .hour-name')?.textContent).toBe('Prime');