Add shield icon when messaging in an encrypted room

src/app/features/room/RoomInput.tsx

@@ -580,6 +580,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
             )
           }
           before={
+            room.hasEncryptionStateEvent() ?
+              [
                 <IconButton
                   onClick={() => pickFile('*')}
                   variant="SurfaceVariant"
@@ -587,7 +589,18 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                   radii="300"
                 >
                   <Icon src={Icons.PlusCircle} />
+                </IconButton>,
+                <Icon src={Icons.ShieldLock} />,
+              ] : (
+                < IconButton
+                  onClick={() => pickFile('*')}
+                  variant="SurfaceVariant"
+                  size="300"
+                  radii="300"
+                >
+                  <Icon src={Icons.PlusCircle} />
                 </IconButton>
+              )
           }
           after={
             <>