Localize fonts

Signed-off-by: Ajay Bura <ajbura@gmail.com>

src/app/molecules/message/Message.jsx

@@ -70,8 +70,8 @@ const MessageHeader = React.memo(({
 }) => (
   <div className="message__header">
     <div style={{ color: colorMXID(userId) }} className="message__profile">
-      <Text variant="b1">{twemojify(username)}</Text>
-      <Text variant="b1">{twemojify(userId)}</Text>
+      <Text variant="b1" weight="medium">{twemojify(username)}</Text>
+      <Text variant="b1" weight="medium">{twemojify(userId)}</Text>
     </div>
     <div className="message__time">
       <Text variant="b3">{time}</Text>

src/app/molecules/message/Message.scss

@@ -130,7 +130,6 @@
 
     & > .text {
       color: inherit;
-      font-weight: 500;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
@@ -192,7 +191,7 @@
     padding: 0 2px;
     border-radius: 4px;
     cursor: pointer;
-    font-weight: 500;
+    font-weight: var(--fw-medium);
     &:hover {
       background-color: hsla(0, 0%, 64%, 0.3);
       color: var(--tc-surface-high);