Solve conflicts

src/components/Apps/Apps-styles.tsx

@@ -358,7 +358,6 @@ export const AppsCategoryInfoLabel = styled(Typography)(({ theme }) => ({
   fontSize: "12px",
   fontWeight: 700,
   lineHeight: 1.2,
-  color: "#8D8F93",
   backgroundColor: theme.palette.background.default,
   color: theme.palette.text.primary,
 }));

src/components/Chat/MessageItem.tsx

@@ -74,9 +74,6 @@ const {getIndividualUserInfo} = useContext(MyContext)
   const [selectedReaction, setSelectedReaction] = useState(null);
   const [userInfo, setUserInfo] = useState(null)
 
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [selectedReaction, setSelectedReaction] = useState(null);
-
 useEffect(()=> {
   const getInfo = async ()=> {
     if(!message?.sender) return

src/components/DesktopSideBar.tsx

@@ -94,7 +94,6 @@ export const DesktopSideBar = ({
               hasUnreadDirects || hasUnreadGroups
                 ? "var(--unread)"
                 : theme.palette.text.primary
-                ? "rgba(250, 250, 250, 0.5)"
             }
           />
         </IconWrapper>