moved the controls menu to header in varnmala/english and hid record page

Author: Ciphrox

src/pages/varnmala/english.astro

@@ -45,26 +45,33 @@ import BackButton from "@/components/ui/backButton.astro";
   <article class="container__english">
     <div class="controls" id="controls">
       <div class="control-group">
-        <label>Background:</label>
+        <label>Bg:</label>
         <select id="bgSelector">
           <option value="none">None</option>
-          <option value="gradient1">Gradient 1</option>
-          <option value="gradient2">Gradient 2</option>
-          <option value="pattern1">Pattern 1</option>
+          <option value="gradient1">G1</option>
+          <option value="gradient2">G2</option>
+          <option value="pattern1">P1</option>
         </select>
-        <button id="toggleBg">Toggle Background</button>
+        <button id="toggleBg">Toggle</button>
       </div>
 
       <div class="control-group">
         <label>Font:</label>
         <select id="fontSelector">
           <option value="Arial">Arial</option>
           <option value="Georgia">Georgia</option>
-          <option value="Times New Roman">Times New Roman</option>
+          <option value="Times New Roman">Times</option>
         </select>
         <input type="color" id="colorPicker" value="#000000" />
       </div>
     </div>
+    <Help
+      title="Hindi Varnmala"
+      description="Just press any letter fron keyboard and it display the letter and it's relative word in clear way and if you type again it will change the color"
+    />
+  </Fragment>
+  <BackButton />
+  <article class="container__english">
     <article class="container__hindi" id="letterContainer">
       <div class="letter">A</div>
     </article>