update ui and add new audio components

app.js

@@ -6,6 +6,8 @@ const { ensureTarotSection } = window.TarotSectionUi || {};
 const { ensurePlanetSection } = window.PlanetSectionUi || {};
 const { ensureCyclesSection } = window.CyclesSectionUi || {};
 const { ensureElementsSection } = window.ElementsSectionUi || {};
+const { ensureAudioCircleSection } = window.AudioCircleUi || {};
+const { ensureAudioNotesSection } = window.AudioNotesUi || {};
 const { ensureIChingSection } = window.IChingSectionUi || {};
 const { ensureKabbalahSection } = window.KabbalahSectionUi || {};
 const { ensureCubeSection } = window.CubeSectionUi || {};
@@ -35,6 +37,8 @@ const calendarEl = document.getElementById("calendar");
 const timelineSectionEl = document.getElementById("timeline-section");
 const calendarSectionEl = document.getElementById("calendar-section");
 const holidaySectionEl = document.getElementById("holiday-section");
+const audioCircleSectionEl = document.getElementById("audio-circle-section");
+const audioNotesSectionEl = document.getElementById("audio-notes-section");
 const tarotSectionEl = document.getElementById("tarot-section");
 const tarotHouseSectionEl = document.getElementById("tarot-house-section");
 const astronomySectionEl = document.getElementById("astronomy-section");
@@ -59,6 +63,9 @@ const openCalendarEl = document.getElementById("open-calendar");
 const openCalendarTimelineEl = document.getElementById("open-calendar-timeline");
 const openCalendarMonthsEl = document.getElementById("open-calendar-months");
 const openHolidaysEl = document.getElementById("open-holidays");
+const openAudioEl = document.getElementById("open-audio");
+const openAudioCircleEl = document.getElementById("open-audio-circle");
+const openAudioNotesEl = document.getElementById("open-audio-notes");
 const openTarotEl = document.getElementById("open-tarot");
 const openTarotHouseEl = document.getElementById("open-tarot-house");
 const openAstronomyEl = document.getElementById("open-astronomy");
@@ -400,6 +407,8 @@ sectionStateUi.init?.({
     timelineSectionEl,
     calendarSectionEl,
     holidaySectionEl,
+    audioCircleSectionEl,
+    audioNotesSectionEl,
     tarotSectionEl,
     tarotHouseSectionEl,
     astronomySectionEl,
@@ -424,6 +433,9 @@ sectionStateUi.init?.({
     openCalendarTimelineEl,
     openCalendarMonthsEl,
     openHolidaysEl,
+    openAudioEl,
+    openAudioCircleEl,
+    openAudioNotesEl,
     openTarotEl,
     openTarotHouseEl,
     openAstronomyEl,
@@ -461,7 +473,9 @@ sectionStateUi.init?.({
     ensureCalendarSection,
     ensureHolidaySection,
     ensureNatalPanel,
-    ensureNumbersSection
+    ensureNumbersSection,
+    ensureAudioCircleSection,
+    ensureAudioNotesSection
   }
 });
 
@@ -520,6 +534,9 @@ navigationUi.init?.({
     openCalendarTimelineEl,
     openCalendarMonthsEl,
     openHolidaysEl,
+    openAudioEl,
+    openAudioCircleEl,
+    openAudioNotesEl,
     openTarotEl,
     openTarotHouseEl,
     openAstronomyEl,
@@ -552,7 +569,8 @@ navigationUi.init?.({
     ensureAlphabetTextSection,
     ensureZodiacSection,
     ensureGodsSection,
-    ensureCalendarSection
+    ensureCalendarSection,
+    ensureAudioCircleSection
   }
 });