feat: improve in-app notifiation styles

Author: Rexogamer

src/components/Notification.tsx

@@ -34,15 +34,23 @@ export const Notification = observer(
             flexDirection: 'row',
             alignSelf: 'center',
             alignItems: 'center',
+            justifyContent: 'space-between',
             width: '90%',
             backgroundColor: currentTheme.background,
             borderRadius: commonValues.sizes.small,
             minHeight: 40,
             padding: commonValues.sizes.medium,
+            boxShadow: [
+              {
+                color: '#00000060',
+                blurRadius: commonValues.sizes.large,
+              },
+            ],
           }}
           onPress={() => openChannel()}>
           <View
             style={{
+              alignItems: 'center',
               flexDirection: 'row',
               overflow: 'hidden',
             }}>

src/components/views/ChannelView.tsx

@@ -152,9 +152,9 @@ const RegularChannelView = observer(({channel}: {channel: Channel}) => {
                 onUsernamePress={m => {
                   const currentText = app.getMessageBoxInput();
                   app.setMessageBoxInput(
-                    `${currentText}${
-                      currentText.length > 0 ? ' ' : ''
-                    }<@${m.author?._id}>`,
+                    `${currentText}${currentText.length > 0 ? ' ' : ''}<@${
+                      m.author?._id
+                    }>`,
                   );
                 }}
               />