Add StyledToggle component

src/components/shared/styled.ts

@@ -16,6 +16,7 @@ import {
   TagPicker,
   Tag,
   CheckPicker,
+  Toggle,
 } from 'rsuite';
 import styled from 'styled-components';
 import TagLink from './TagLink';
@@ -177,6 +178,14 @@ export const StyledCheckbox = styled(Checkbox)`
   }
 `;
 
+export const StyledToggle = styled(Toggle)`
+  background-color: ${(props) => (props.checked ? props.theme.colors.primary : '')} !important;
+
+  .rs-btn-toggle-inner {
+    color: ${(props) => (props.checked ? props.theme.colors.button.primary.color : '')} !important;
+  }
+`;
+
 export const StyledRadio = styled(Radio)`
   div {
     label {