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>

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');