Add input text placeholders

src/pages/Login.tsx

@@ -15,11 +15,16 @@ export const Login = () => {
   return (
     <SpaceBetween size="s" alignItems={"center"}>
       <Header>Login</Header>
-      <Input value={userName} onChange={(e) => setUserName(e.detail.value)} />
+      <Input
+        value={userName}
+        onChange={(e) => setUserName(e.detail.value)}
+        placeholder="User"
+      />
       <Input
         type="password"
         value={password}
         onChange={(e) => setPassword(e.detail.value)}
+        placeholder="Password"
       />
       <Checkbox
         checked={rememberMe}

src/pages/Register.tsx

@@ -61,16 +61,22 @@ export const Register = () => {
   return (
     <SpaceBetween size="s" alignItems={"center"}>
       <Header>Register</Header>
-      <Input value={userName} onChange={(e) => setUserName(e.detail.value)} />
+      <Input
+        value={userName}
+        onChange={(e) => setUserName(e.detail.value)}
+        placeholder="User name"
+      />
       <Input
         type="password"
         value={password}
         onChange={(e) => setPassword(e.detail.value)}
+        placeholder="Password"
       />
       <Input
         type="password"
         value={passwordConfirm}
         onChange={(e) => setPasswordConfirm(e.detail.value)}
+        placeholder="Confirm password"
       />
 
       {passwordErrors.map((error) => (