internal: change password preprocessing step (#2347)

packages/web/src/javascripts/Components/UIElements/CheckmarkCircle.tsx

@@ -0,0 +1,13 @@
+import Icon from '@/Components/Icon/Icon'
+
+export const CheckmarkCircle = () => {
+  return (
+    <button
+      className={
+        'peer flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-success text-success-contrast'
+      }
+    >
+      <Icon type={'check'} size="small" />
+    </button>
+  )
+}

packages/web/src/javascripts/Components/UIElements/ErrorCircle.tsx

@@ -0,0 +1,13 @@
+import Icon from '@/Components/Icon/Icon'
+
+export const ErrorCircle = () => {
+  return (
+    <button
+      className={
+        'peer flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-danger text-danger-contrast'
+      }
+    >
+      <Icon type={'warning'} size="small" />
+    </button>
+  )
+}