feat: enhance navigation menu and improve layout for better user experience

shared/includes/docs/menu.html

@@ -1,19 +1,19 @@
 {% assign menu = collections.docs | collection-tree %}
 
-<nav class="space-y" id="menu">
+<nav class="space-y space-y-5" id="menu">
 	{% for level1 in menu %}
 	<div>
 		<div class="subheader mb-2">
 			{{ level1.data.title }}
 		</div>
 		{% if level1.children %}
-		<nav class="nav nav-vertical nav-pills">
+		<nav class="nav nav-vertical">
 			{% for level2 in level1.children %}
 			<div>
-				<a class="nav-link{% if page.url == level2.url %} active{% endif %}"{% if level2.children %} href="{{ level2.url }}" data-bs-toggle="collapse" data-bs-target="#collapse-{{ level2.url | slug }}" aria-expanded="false"{% endif %}>{{ level2.data.title }}</a>
+				<a class="nav-link{% if page.url contains level2.url %} active{% endif %}"{% if level2.children %} href="{{ level2.url }}" data-bs-toggle="collapse" data-bs-target="#collapse-{{ level2.url | slug }}" aria-expanded="{% if page.url contains level2.url %}true{% else %}false{% endif %}"{% endif %}>{{ level2.data.title }}</a>
 
 				{% if level2.children %}
-				<nav class="nav nav-vertical collapse" id="collapse-{{ level2.url | slug }}">
+				<nav class="nav nav-vertical collapse{% if page.url contains level2.url %} show{% endif %}" id="collapse-{{ level2.url | slug }}">
 					{% for level3 in level2.children %}
 					<div>
 						<a class="nav-link{% if page.url == level3.url %} active{% endif %}" href="{{ level3.url }}">{{ level3.data.title }}</a>

shared/layouts/docs/default.html

@@ -35,9 +35,9 @@
 	<div class="flex-fill h-full">
 		<div class="container h-full">
 			<div class="row g-0 h-full">
-				<div class="col-docs h-full d-none d-lg-block border-end">
-					<div class="py-4 h-full">
-						<div class="space-y h-full">
+				<div class="col-docs d-none d-lg-block border-end">
+					<div class="py-4">
+						<div class="space-y">
 							<div class="nav nav-vertical nav-pills">
 								{% for link in docs-links %}
 								<a href="{{ link.url }}" class="nav-link" target="_blank">