Fix quote notification layout (#2342)

* Fix quote notification layout

* Enable text for quote notifications and adjust padding

Text is now enabled only for notifications of type .quote by updating the textDisabled property. Additionally, a bottom padding of 8 is added to the NotificationRowStatusView for improved layout.

Author: Dimillian

Packages/Notifications/Sources/Notifications/Models/NotificationTypeExt.swift

@@ -22,7 +22,7 @@ extension Models.Notification.NotificationType {
     case .update:
       "notifications.label.update"
     case .quote:
-      "quoted a status"
+      "quoted your post"
     case .quoted_update:
       "updated a quoted status"
     }

Packages/Notifications/Sources/Notifications/Row/NotificationRowContentView.swift

@@ -14,27 +14,41 @@ struct NotificationRowContentView: View {
 
   var body: some View {
     if let status = notification.status {
-      HStack {
-        if notification.type == .mention {
-          StatusRowExternalView(
-            viewModel: .init(
-              status: status,
-              client: client,
-              routerPath: routerPath,
-              showActions: true)
-          )
-          .environment(\.isNotificationsTab, false)
-          .environment(\.isMediaCompact, false)
-        } else {
-          StatusRowExternalView(
-            viewModel: .init(
-              status: status,
+      HStack(alignment: .top) {
+        VStack(alignment: .leading, spacing: 8) {
+          if notification.type == .mention {
+            StatusRowExternalView(
+              viewModel: .init(
+                status: status,
+                client: client,
+                routerPath: routerPath,
+                showActions: true)
+            )
+            .environment(\.isNotificationsTab, false)
+            .environment(\.isMediaCompact, false)
+          } else {
+            StatusRowExternalView(
+              viewModel: .init(
+                status: status,
+                client: client,
+                routerPath: routerPath,
+                showActions: false,
+                textDisabled: notification.type != .quote)
+            )
+            .environment(\.isMediaCompact, true)
+          }
+
+          if notification.type == .quote,
+            status.quote?.state == .accepted,
+            let quotedStatus = status.quote?.quotedStatus
+          {
+            StatusEmbeddedView(
+              status: quotedStatus,
               client: client,
-              routerPath: routerPath,
-              showActions: false,
-              textDisabled: true)
-          )
-          .environment(\.isMediaCompact, true)
+              routerPath: routerPath
+            )
+            .padding(.bottom, 8)
+          }
         }
         Spacer()
       }