Fix message reply overflow.

Add opera icon to sessions.

src/components/common/messaging/attachments/MessageReply.tsx

@@ -29,6 +29,7 @@ export const ReplyBase = styled.div<{
     preview?: boolean;
 }>`
     gap: 4px;
+    min-width: 0;
     display: flex;
     margin-inline-start: 30px;
     margin-inline-end: 12px;
@@ -45,10 +46,11 @@ export const ReplyBase = styled.div<{
     }
 
     .user {
-        display: flex;
         gap: 4px;
+        display: flex;
         flex-shrink: 0;
         font-weight: 600;
+        overflow: visible;
         align-items: center;
 
         span {

src/pages/settings/panes/Sessions.tsx

@@ -6,6 +6,7 @@ import {
     Microsoftedge,
     Linux,
     Macos,
+    Opera,
 } from "@styled-icons/simple-icons";
 import relativeTime from "dayjs/plugin/relativeTime";
 import { useHistory } from "react-router-dom";
@@ -70,6 +71,8 @@ export function Sessions() {
                 return <Safari size={32} />;
             case /edge/i.test(name):
                 return <Microsoftedge size={32} />;
+            case /opera/i.test(name):
+                return <Opera size={32} />;
             default:
                 return <HelpCircle size={32} />;
         }