add: frontend profile data etc

frontend/src/routes/auth/login/+page.svelte

@@ -2,6 +2,7 @@
   import { applyAction, enhance } from "$app/forms";
   import { page } from "$app/stores";
   import { receive, send } from "$lib/utils/helpers";
+  import { t } from "svelte-i18n";
 
   /** @type {import('./$types').ActionData} */
   export let form;
@@ -26,7 +27,7 @@
     action="?/login"
     use:enhance={handleLogin}
   >
-    <h1 class="step-title">Login User</h1>
+    <h1 class="step-title">{$t("user_login")}</h1>
     {#if form?.errors}
       {#each form?.errors as error (error.id)}
         <h4
@@ -49,28 +50,45 @@
       value={$page.url.searchParams.get("next")}
     />
     <div class="input-box">
-      <span class="label">Email:</span>
+      <span class="label">{$t("email")}:</span>
       <input
         class="input"
         type="email"
         name="email"
-        placeholder="Email address"
+        placeholder="{$t('placeholder_email')} "
       />
     </div>
     <div class="input-box">
-      <span class="label">Password:</span>
-      <input
-        class="input"
-        type="password"
-        name="password"
-        placeholder="Password"
-      />
-      <a href="/auth/password/request-change" style="margin-left: 1rem;"
-        >Forgot password?</a
-      >
+      <span class="label">{$t("password")}:</span>
+      <div class="input-wrapper">
+        <input
+          class="input"
+          type="password"
+          name="password"
+          placeholder={$t("placeholder_password")}
+        />
+        <a href="/auth/password/request-change" class="forgot-password"
+          >{$t("forgot_password")}?</a
+        >
+      </div>
     </div>
     <div class="btn-container">
-      <button class="button-dark">Login</button>
+      <button class="button-dark">{$t("login")} </button>
     </div>
   </form>
 </div>
+
+<style>
+  .input-wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    width: 100%;
+    max-width: 444px;
+  }
+
+  .forgot-password {
+    margin-top: 0.5rem;
+    font-size: 0.9em;
+  }
+</style>