Fix Solutions nav: explicit 3-column grid, reorder protocol items, add divider

Use explicit grid-cols-3 layout instead of grid-flow-col to prevent
columns from merging. Move Browse All and Connect X to Y below the 5
data categories with a visual divider.

Author: dimitrieh

src/_includes/layouts/base.njk

@@ -261,26 +261,27 @@ eleventyComputed:
                         </ul>
                         {% endnavoption %}
                         {% navoption "Solutions", null, 0 %}
-                        <ul class="narrow sm:grid sm:grid-flow-col sm:grid-rows-8 sm:grid-cols-3 sm:pr-1 align-left sm:auto-rows-auto items-center">
-                            {% navoption "By Use Case", null, 1, null, true, "pl-3 title border-l-2" %}{% endnavoption %}
-                            <ul class="sub-menu grid grid-rows-subgrid row-span-4 ml-7 auto-rows-auto border-l-2">
+                        <ul class="narrow sm:grid sm:grid-cols-3 sm:pr-1 align-left sm:auto-rows-auto items-start gap-x-4">
+                            <li class="pl-3 title border-l-2"><span class="flex items-center gap-2">By Use Case</span></li>
+                            <li class="pl-3 title border-l-2"><span class="flex items-center gap-2">By Protocol</span></li>
+                            <li class="pl-3 title border-l-2"><span class="flex items-center gap-2">By Team</span></li>
+                            <ul class="ml-7 auto-rows-auto border-l-2">
                                 {% navoption "IT/OT Middleware", "/solutions/it-ot-middleware/", 1, "cog" %}{% endnavoption %}
                                 {% navoption "Unified Namespace", "/solutions/uns/", 1, "uns" %}{% endnavoption %}
                                 {% navoption "SCADA", "/solutions/scada/", 1, "adjustments-horizontal" %}{% endnavoption %}
                                 {% navoption "MES", "/solutions/mes/", 1, "chart" %}{% endnavoption %}
                             </ul>
-                            {% navoption "By Protocol", null, 1, null, true, "pl-3 title border-l-2" %}{% endnavoption %}
-                            <ul class="sub-menu grid grid-rows-subgrid row-span-7 ml-7 auto-rows-auto border-l-2">
-                                {% navoption "Browse All", "/solutions/protocols/", 1, "chip" %}{% endnavoption %}
-                                {% navoption "Connect X to Y", "/solutions/connect/", 1, "squares-plus" %}{% endnavoption %}
+                            <ul class="ml-7 auto-rows-auto border-l-2">
                                 {% navoption "Data Acquisition", "/solutions/use-cases/data-acquisition/", 1, "arrow-small-down" %}{% endnavoption %}
                                 {% navoption "Data Transformation", "/solutions/use-cases/data-transformation/", 1, "arrows-right-left" %}{% endnavoption %}
                                 {% navoption "Data Deployment", "/solutions/use-cases/data-deployment/", 1, "rocket-launch" %}{% endnavoption %}
                                 {% navoption "Data Storage", "/solutions/use-cases/data-storage/", 1, "circle-stack" %}{% endnavoption %}
                                 {% navoption "Data Visualisation", "/solutions/use-cases/data-visualisation/", 1, "chart" %}{% endnavoption %}
+                                <li class="my-2"><hr class="border-gray-300"></li>
+                                {% navoption "Browse All Protocols", "/solutions/protocols/", 1, "chip" %}{% endnavoption %}
+                                {% navoption "Connect X to Y", "/solutions/connect/", 1, "squares-plus" %}{% endnavoption %}
                             </ul>
-                            {% navoption "By Team", null, 1, null, true, "pl-3 title border-l-2" %}{% endnavoption %}
-                            <ul class="sub-menu grid grid-rows-subgrid row-span-4 ml-7 auto-rows-auto border-l-2">
+                            <ul class="ml-7 auto-rows-auto border-l-2">
                                 {% navoption "Operations Engineers", "/solutions/teams/operations-engineers/", 1, "cog" %}{% endnavoption %}
                                 {% navoption "IT Teams", "/solutions/teams/it-teams/", 1, "chip" %}{% endnavoption %}
                                 {% navoption "Maintenance Teams", "/solutions/teams/maintenance-teams/", 1, "adjustments-horizontal" %}{% endnavoption %}