✨ translation keys

ref #69

src/components/orgs/AddOrgModal.svelte

@@ -32,7 +32,7 @@
     if (processed_last_submit === true) {
       processed_last_submit = false;
       const toast = Toastify({
-        text: "Organization is being added...",
+        text: $_("organization-is-being-added"),
         duration: -1,
       }).showToast();
       RunnerOrganizationService.runnerOrganizationControllerPost({
@@ -43,20 +43,16 @@
         .then((result) => {
           name = "";
           modal_open = false;
-          //
           Toastify({
-            text: "Organization added",
+            text: $_("organization-added"),
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
           current_organizations = current_organizations.concat([result]);
         })
-        .catch((err) => {
-          //
-        })
+        .catch((err) => {})
         .finally(() => {
           processed_last_submit = true;
-          //
           toast.hideToast();
         });
     }
@@ -101,23 +97,22 @@
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
               <h3 class="text-lg leading-6 font-medium text-gray-900">
-                Create a new Organization
+                {$_('create-a-new-organization')}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
-                  Please provide the required information to add a new
-                  organization.
+                  {$_('please-provide-the-required-information-to-add-a-new-organization')}
                 </p>
               </div>
               <div class="grid grid-cols-6 gap-6">
                 <div class="col-span-6">
                   <label
                     for="firstname"
-                    class="block text-sm font-medium text-gray-700">Name</label>
+                    class="block text-sm font-medium text-gray-700">{$_('name')}</label>
                   <input
                     use:focus
                     autocomplete="off"
-                    placeholder="Name"
+                    placeholder={$_('name')}
                     class:border-red-500={!isOrgnameValid}
                     class:focus:border-red-500={!isOrgnameValid}
                     class:focus:ring-red-500={!isOrgnameValid}
@@ -129,7 +124,7 @@
                   {#if !isOrgnameValid}
                     <span
                       class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                      Organization name is required
+                      {$_('organization-name-is-required')}
                     </span>
                   {/if}
                 </div>