Add support for "from_name" field in email notifications

Introduced a new optional "from_name" attribute to email settings, allowing customization of the sender's display name in outgoing emails. Updated backend models, APIs, and front-end components to include and handle this field properly. This enhances email clarity and personalization for users.

frontend/src/styles.css

@@ -749,34 +749,74 @@ button {
   gap: 10px;
 }
 
-.owner-grid {
-  display: flex;
-  flex-wrap: wrap;
+.owner-picker {
+  display: grid;
   gap: 8px;
 }
 
-.owner-chip {
+.owner-selected {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  min-height: 28px;
+}
+
+.owner-selected-chip {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
-  border-radius: 10px;
-  border: 1px solid #315a8d;
-  background: #10284d;
-  color: #d9e8fb;
+  gap: 8px;
+  border-radius: 999px;
+  padding: 5px 10px;
+  border: 1px solid #4a8fd3;
+  background: #184679;
+  color: #e8f4ff;
   font-size: 12px;
   font-weight: 600;
 }
 
-.owner-chip.active {
-  border-color: #52c7f8;
-  background: #174377;
+.owner-search-input {
+  width: 100%;
 }
 
-.owner-chip input {
-  margin: 0;
-  width: 14px;
-  height: 14px;
+.owner-search-results {
+  display: grid;
+  gap: 6px;
+  max-height: 150px;
+  overflow: auto;
+  padding-right: 2px;
+}
+
+.owner-result {
+  width: 100%;
+  text-align: left;
+  border-radius: 10px;
+  border: 1px solid #2d5d95;
+  background: #112c52;
+  color: #d9ebff;
+  padding: 7px 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.owner-result small {
+  color: #9db9dc;
+  text-transform: uppercase;
+  font-size: 10px;
+  letter-spacing: 0.05em;
+}
+
+.owner-result.active {
+  border-color: #52c7f8;
+  background: #184679;
+}
+
+.owner-result-empty {
+  border: 1px dashed #365e8e;
+  border-radius: 10px;
+  padding: 8px 10px;
+  color: #9db9dc;
+  font-size: 12px;
 }
 
 .primary-btn {