Refactor select control headings: streamline markup by removing unnecessary line breaks for improved readability and consistency.

Author: azadshaikh

src/html/pages/forms/select.astro

@@ -351,9 +351,7 @@ const styledSelectControls = `<div class="row g-3">
         <div class="col-12">
           <!-- Basic Select Controls -->
           <div class="my-3">
-            <h2 class="mb-0" id="basic-select">
-              Basic Select Controls
-            </h2>
+            <h2 class="mb-0" id="basic-select">Basic Select Controls</h2>
             <p class="py-2">
               Enhanced select controls with intuitive visual feedback:
               <ul class="mt-2">
@@ -374,9 +372,7 @@ const styledSelectControls = `<div class="row g-3">
 
           <!-- Select Size Variations -->
           <div class="my-3">
-            <h2 class="mb-0" id="select-sizing">
-              Size Variations
-            </h2>
+            <h2 class="mb-0" id="select-sizing">Size Variations</h2>
             <p class="py-2">
               Flexible sizing options to match your design needs:
               <ul class="mt-2">
@@ -397,9 +393,7 @@ const styledSelectControls = `<div class="row g-3">
 
           <!-- Multiple Selection -->
           <div class="my-3">
-            <h2 class="mb-0" id="multiple-select">
-              Multiple Selection
-            </h2>
+            <h2 class="mb-0" id="multiple-select">Multiple Selection</h2>
             <p class="py-2">
               Various approaches for handling multiple selections:
               <ul class="mt-2">
@@ -423,9 +417,7 @@ const styledSelectControls = `<div class="row g-3">
 
           <!-- Grouped Options -->
           <div class="my-3">
-            <h2 class="mb-0" id="grouped-options">
-              Grouped Options
-            </h2>
+            <h2 class="mb-0" id="grouped-options">Grouped Options</h2>
             <p class="py-2">
               Organize options into logical categories:
               <ul class="mt-2">
@@ -444,9 +436,7 @@ const styledSelectControls = `<div class="row g-3">
 
           <!-- Floating Labels -->
           <div class="my-3">
-            <h2 class="mb-0" id="floating-labels">
-              Floating Labels
-            </h2>
+            <h2 class="mb-0" id="floating-labels">Floating Labels</h2>
             <p class="py-2">
               Modern form controls with animated labels:
               <ul class="mt-2">
@@ -466,9 +456,7 @@ const styledSelectControls = `<div class="row g-3">
 
           <!-- Styled Select -->
           <div class="my-3">
-            <h2 class="mb-0" id="styled-select">
-              Styled Select
-            </h2>
+            <h2 class="mb-0" id="styled-select">Styled Select</h2>
             <p class="py-2">
               Enhanced visual styles for select controls:
               <ul class="mt-2">