" data-active-nav="nav-settings">
        <!-- Header content will be loaded by JavaScript -->
    </header>

    <main id="main-content" class="flex-grow">
        <!-- SettingsView component will be rendered here -->
    </main>

    <footer id="footer-container" class="mt-auto">
        <!-- Footer content will be loaded by JavaScript -->
    </footer>
</div>

<!-- UI components will be rendered here -->
<div id="status-message-container"></div>
<div id="snapshot-modal-container"></div>
<div id="video-mo