feat: Add cursor style user preference (#4199)

* feat: Add cursor style user preference

* Remove headings for now

app/scenes/Settings/components/DropToImport.tsx

@@ -116,7 +116,7 @@ const DropzoneContainer = styled.div<{
   padding: 52px;
   text-align: center;
   font-size: 15px;
-  cursor: pointer;
+  cursor: var(--pointer);
   opacity: ${(props) => (props.$disabled ? 0.5 : 1)};
 
   &:hover {

app/scenes/Settings/components/ImageInput.tsx

@@ -49,7 +49,7 @@ const ImageBox = styled(Flex)`
     bottom: 0;
     left: 0;
     opacity: 0;
-    cursor: pointer;
+    cursor: var(--pointer);
     transition: all 250ms;
   }
 

app/scenes/Settings/components/ImageUpload.tsx

@@ -158,7 +158,7 @@ const RangeInput = styled.input`
   width: 300px;
   margin-bottom: 30px;
   height: 4px;
-  cursor: pointer;
+  cursor: var(--pointer);
   color: inherit;
   border-radius: 99999px;
   background-color: #dee1e3;
@@ -170,7 +170,7 @@ const RangeInput = styled.input`
     width: 16px;
     border-radius: 50%;
     background: ${(props) => props.theme.text};
-    cursor: pointer;
+    cursor: var(--pointer);
   }
 
   &:focus {

app/scenes/Settings/components/UserListItem.tsx

@@ -43,7 +43,7 @@ const UserListItem = ({ user, showMenu }: Props) => {
 const Title = styled.span`
   &:hover {
     text-decoration: underline;
-    cursor: pointer;
+    cursor: var(--pointer);
   }
 `;