feat: Add error styling to AuthModal for improved user feedback

Author: medyo

src/features/auth/components/authModal.css

@@ -22,3 +22,25 @@
   text-align: center;
   font-size: 1em;
 }
+.authModal .errors {
+  background-color: rgba(255, 0, 0, 0.064);
+  border: 1px solid rgba(255, 0, 0, 0.363);
+  border-radius: 6px;
+  padding: 8px;
+  display: flex;
+  flex-direction: row;
+  p {
+    padding: 0;
+    margin: 0;
+    font-size: 0.8em;
+    color: red;
+  }
+  .cta {
+    flex: 1;
+  }
+}
+
+.authModal .footer {
+  font-size: 0.7em;
+  text-align: center;
+}