feat: create pickers ui directory

src/components/atoms/canvas.tsx

@@ -3,10 +3,10 @@ import { useSocketStore } from '../../context/socket';
 import { getMappedCoordinates } from "../../helpers/inputHelpers";
 import { useGlobalInfoStore } from "../../context/globalInfo";
 import { useActionContext } from '../../context/browserActions';
-import DatePicker from './DatePicker';
-import Dropdown from './Dropdown';
-import TimePicker from './TimePicker';
-import DateTimeLocalPicker from './DateTimeLocalPicker';
+import DatePicker from '../pickers/DatePicker';
+import Dropdown from '../pickers/Dropdown';
+import TimePicker from '../pickers/TimePicker';
+import DateTimeLocalPicker from '../pickers/DateTimeLocalPicker';
 
 interface CreateRefCallback {
     (ref: React.RefObject<HTMLCanvasElement>): void;

src/components/pickers/DateTimeLocalPicker.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from './canvas';
+import { Coordinates } from '../atoms/canvas';
 
 interface DateTimeLocalPickerProps {
   coordinates: Coordinates;

src/components/pickers/Dropdown.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from './canvas';
+import { Coordinates } from '../atoms/canvas';
 
 interface DropdownProps {
     coordinates: Coordinates;

src/components/pickers/TimePicker.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from './canvas';
+import { Coordinates } from '../atoms/canvas';
 
 interface TimePickerProps {
     coordinates: Coordinates;