refactor: more tailwind components

src/common/component/ChannelIcon.tsx

@@ -1,14 +1,7 @@
 import { FC } from "react";
-import styled from "styled-components";
 import HashIcon from "../../assets/icons/channel.svg";
 import LockHashIcon from "../../assets/icons/channel.private.svg";
 
-const Styled = styled.div`
-  display: flex;
-  &.muted path {
-    fill: #d0d5dd;
-  }
-`;
 interface Props {
   personal?: boolean;
   muted?: boolean;
@@ -17,9 +10,9 @@ interface Props {
 
 const ChannelIcon: FC<Props> = ({ personal = false, muted = false, className = "" }) => {
   return (
-    <Styled className={`${muted ? "muted" : ""} ${className}`}>
+    <div className={`flex${muted ? "!text-gray-400 !fill-slate-400" : ""} ${className}`}>
       {personal ? <LockHashIcon /> : <HashIcon />}
-    </Styled>
+    </div>
   );
 };