refact: remove inline styling for grid class

ui/app/components/secure-variable-form.hbs

 {{did-update this.onViewChange @view}}
 {{did-insert this.establishKeyValues}}
 <form class="new-secure-variables" autocomplete="off" {{on "submit" this.save}}>
-  <div style="display: flex">
-    <label style="flex-grow: 5">
+  <div class="path-namespace">
+    <label>
       <span>
         Path
       </span>

ui/app/components/secure-variable-form/namespace-filter.hbs

@@ -5,9 +5,7 @@
   {{#if trigger.data.isSuccess}}
     {{#if trigger.data.result}}
       {{#if @data.namespaceOptions}}
-        <label
-          style="flex-grow: 1; display: flex; flex-direction: column; margin-left: 10px; align-items: flex-end"
-        >
+        <label>
           <span>
             Namespace
           </span>

ui/app/styles/components/secure-variables.scss

@@ -41,6 +41,12 @@
     animation: slide-in 0.3s ease-out;
   }
 
+  .path-namespace {
+    display: grid;
+    grid-template-columns: 6fr 1fr;
+    gap: 0 1rem;
+  }
+
   .key-value {
     display: grid;
     grid-template-columns: 1fr 4fr 130px;