<!-- Menu Links Section -->
<ul class="flex-1 mt-4 space-y-1 px-2 text-sm overflow-y-auto">
    {{#sidebarmenutop}}
    <li class="px-4 py-2 hover:bg-gray-700 rounded-md">
        <details>
            <summary class="cursor-pointer hover:bg-blue-600">{{title}}</summary>
            <ul class="pl-4 mt-2 space-y-2">
                {{#submenu}}
                <li class="px-4 py-2 cursor-pointer hover:bg-gray-600 rounded-md" onclick="{{{onclick}}}">
                    {{title}}
                </li>
                {{/submenu}}
            </ul>
        </details>
    </li>
    {{/sidebarmenutop}}
</ul>
<!-- Bottom Links Section -->
<ul class="mb-6 px-2 text-sm">
    {{#sidebarmenubottom}}
    <li class="px-4 py-2 cursor-pointer hover:bg-gray-700 rounded-md" onclick="{{onclick}}">
        <span>{{{title}}}</span>
    </li>
    {{/sidebarmenubottom}}
</ul>