chore: refactor frontend components folder

apps/web/components/Contexts/OrgContext.tsx

@@ -4,8 +4,8 @@ import { swrFetcher } from '@services/utils/ts/requests'
 import React, { createContext, useContext, useMemo } from 'react'
 import useSWR from 'swr'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
-import ErrorUI from '@components/StyledElements/Error/Error'
-import InfoUI from '@components/StyledElements/Info/Info'
+import ErrorUI from '@components/Objects/StyledElements/Error/Error'
+import InfoUI from '@components/Objects/StyledElements/Info/Info'
 import { usePathname } from 'next/navigation'
 
 export const OrgContext = createContext(null)

apps/web/components/Dashboard/Menus/DashLeftMenu.tsx

@@ -1,7 +1,7 @@
 'use client'
 import { useOrg } from '@components/Contexts/OrgContext'
 import { signOut } from 'next-auth/react'
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 import LearnHouseDashboardLogo from '@public/dashLogo.png'
 import { Backpack, BadgeDollarSign, BookCopy, Home, LogOut, Package2, School, Settings, Users, Vault } from 'lucide-react'
 import Image from 'next/image'

apps/web/components/Dashboard/Menus/DashMobileMenu.tsx

@@ -7,7 +7,7 @@ import React from 'react'
 import AdminAuthorization from '@components/Security/AdminAuthorization'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 import { getUriWithOrg, getUriWithoutOrg } from '@services/config/config'
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 
 function DashMobileMenu() {
   const org = useOrg() as any

apps/web/components/Dashboard/Pages/Course/EditCourseAccess/EditCourseAccess.tsx

@@ -1,7 +1,7 @@
 import { useCourse, useCourseDispatch } from '@components/Contexts/CourseContext'
 import LinkToUserGroup from '@components/Objects/Modals/Dash/EditCourseAccess/LinkToUserGroup'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
-import Modal from '@components/StyledElements/Modal/Modal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
+import Modal from '@components/Objects/StyledElements/Modal/Modal'
 import { getAPIUrl } from '@services/config/config'
 import { unLinkResourcesToUserGroup } from '@services/usergroups/usergroups'
 import { swrFetcher } from '@services/utils/ts/requests'

apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/EditCourseGeneral.tsx

@@ -3,13 +3,13 @@ import FormLayout, {
   FormLabelAndMessage,
   Input,
   Textarea,
-} from '@components/StyledElements/Form/Form';
+} from '@components/Objects/StyledElements/Form/Form';
 import { useFormik } from 'formik';
 import { AlertTriangle } from 'lucide-react';
 import * as Form from '@radix-ui/react-form';
 import React, { useEffect, useState } from 'react';
-import { useCourse, useCourseDispatch } from '../../../Contexts/CourseContext';
 import ThumbnailUpdate from './ThumbnailUpdate';
+import { useCourse, useCourseDispatch } from '@components/Contexts/CourseContext';
 
 type EditCourseStructureProps = {
   orgslug: string

apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/UnsplashImagePicker.tsx

@@ -3,7 +3,7 @@ import { createApi } from 'unsplash-js';
 import { Search, X, Cpu, Briefcase, GraduationCap, Heart, Palette, Plane, Utensils, 
   Dumbbell, Music, Shirt, Book, Building, Bike, Camera, Microscope, Coins, Coffee, Gamepad, 
   Flower} from 'lucide-react';
-import Modal from '@components/StyledElements/Modal/Modal';
+import Modal from '@components/Objects/StyledElements/Modal/Modal';
 
 const unsplash = createApi({
   accessKey: process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY as string,

apps/web/components/Dashboard/Pages/Course/EditCourseStructure/Buttons/NewActivityButton.tsx

@@ -1,6 +1,6 @@
 import { useCourse } from '@components/Contexts/CourseContext'
 import NewActivityModal from '@components/Objects/Modals/Activities/Create/NewActivity'
-import Modal from '@components/StyledElements/Modal/Modal'
+import Modal from '@components/Objects/StyledElements/Modal/Modal'
 import { getAPIUrl } from '@services/config/config'
 import {
   createActivity,

apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ActivityElement.tsx

@@ -1,4 +1,4 @@
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import { getAPIUrl, getUriWithOrg } from '@services/config/config'
 import { deleteActivity, updateActivity } from '@services/courses/activities'
 import { revalidateTags } from '@services/utils/ts/requests'
@@ -28,7 +28,7 @@ import { useOrg } from '@components/Contexts/OrgContext'
 import { useCourse } from '@components/Contexts/CourseContext'
 import toast from 'react-hot-toast'
 import { useMediaQuery } from 'usehooks-ts'
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 
 type ActivitiyElementProps = {
   orgslug: string

apps/web/components/Dashboard/Pages/Course/EditCourseStructure/DraggableElements/ChapterElement.tsx

@@ -1,4 +1,4 @@
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import {
   Hexagon,
   MoreHorizontal,

apps/web/components/Dashboard/Pages/Course/EditCourseStructure/EditCourseStructure.tsx

@@ -13,7 +13,7 @@ import {
   useCourseDispatch,
 } from '@components/Contexts/CourseContext'
 import { Hexagon } from 'lucide-react'
-import Modal from '@components/StyledElements/Modal/Modal'
+import Modal from '@components/Objects/StyledElements/Modal/Modal'
 import NewChapterModal from '@components/Objects/Modals/Chapters/NewChapter'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 

apps/web/components/Dashboard/Pages/Org/OrgEditGeneral/OrgEditGeneral.tsx

@@ -12,7 +12,7 @@ import { useRouter } from 'next/navigation'
 import { useOrg } from '@components/Contexts/OrgContext'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 import { getOrgLogoMediaDirectory, getOrgThumbnailMediaDirectory } from '@services/media/media'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@components/Ui/tabs"
 import { Toaster, toast } from 'react-hot-toast';
 import { constructAcceptValue } from '@/lib/constants';
 

apps/web/components/Dashboard/Pages/Payments/PaymentsConfigurationPage.tsx

@@ -4,14 +4,14 @@ import { useOrg } from '@components/Contexts/OrgContext';
 import { SiStripe } from '@icons-pack/react-simple-icons'
 import { useLHSession } from '@components/Contexts/LHSessionContext';
 import { getPaymentConfigs, initializePaymentConfig, updatePaymentConfig, deletePaymentConfig, updateStripeAccountID, getStripeOnboardingLink } from '@services/payments/payments';
-import FormLayout, { ButtonBlack, Input, Textarea, FormField, FormLabelAndMessage, Flex } from '@components/StyledElements/Form/Form';
+import FormLayout, { ButtonBlack, Input, Textarea, FormField, FormLabelAndMessage, Flex } from '@components/Objects/StyledElements/Form/Form';
 import { AlertTriangle, BarChart2, Check, Coins, CreditCard, Edit, ExternalLink, Info, Loader2, RefreshCcw, Trash2, UnplugIcon } from 'lucide-react';
 import toast from 'react-hot-toast';
 import useSWR, { mutate } from 'swr';
-import Modal from '@components/StyledElements/Modal/Modal';
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal';
-import { Button } from '@components/ui/button';
-import { Alert, AlertDescription, AlertTitle } from '@components/ui/alert';
+import Modal from '@components/Objects/StyledElements/Modal/Modal';
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal';
+import { Button } from '@components/Ui/button';
+import { Alert, AlertDescription, AlertTitle } from '@components/Ui/alert';
 import { useRouter } from 'next/navigation';
 import { getUriWithoutOrg } from '@services/config/config';
 

apps/web/components/Dashboard/Pages/Payments/PaymentsCustomersPage.tsx

@@ -9,15 +9,15 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table"
+} from "@components/Ui/table"
 import { getOrgCustomers } from '@services/payments/payments'
-import { Badge } from '@/components/ui/badge'
+import { Badge } from '@components/Ui/badge'
 import PageLoading from '@components/Objects/Loaders/PageLoading'
 import { RefreshCcw, SquareCheck } from 'lucide-react'
 import { getUserAvatarMediaDirectory } from '@services/media/media'
 import UserAvatar from '@components/Objects/UserAvatar'
 import { usePaymentsEnabled } from '@hooks/usePaymentsEnabled'
-import UnconfiguredPaymentsDisclaimer from '../../Pages/Payments/UnconfiguredPaymentsDisclaimer'
+import UnconfiguredPaymentsDisclaimer from '@components/Pages/Payments/UnconfiguredPaymentsDisclaimer'
 
 interface PaymentUserData {
   payment_user_id: number;

apps/web/components/Dashboard/Pages/Payments/PaymentsProductPage.tsx

@@ -5,26 +5,23 @@ import { useOrg } from '@components/Contexts/OrgContext';
 import { useLHSession } from '@components/Contexts/LHSessionContext';
 import useSWR, { mutate } from 'swr';
 import { getProducts, updateProduct, archiveProduct } from '@services/payments/products';
-import CreateProductForm from '@components/Dashboard/Payments/SubComponents/CreateProductForm';
-import { Plus, Trash2, Pencil, Info, RefreshCcw, SquareCheck, ChevronDown, ChevronUp, Archive } from 'lucide-react';
-import Modal from '@components/StyledElements/Modal/Modal';
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal';
+import { Plus, Pencil, Info, RefreshCcw, SquareCheck, ChevronDown, ChevronUp, Archive } from 'lucide-react';
+import Modal from '@components/Objects/StyledElements/Modal/Modal';
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal';
 import toast from 'react-hot-toast';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Textarea } from "@/components/ui/textarea"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@components/Ui/select"
+import { Button } from "@components/Ui/button"
+import { Input } from "@components/Ui/input"
+import { Textarea } from "@components/Ui/textarea"
 import { Formik, Form, Field, ErrorMessage } from 'formik';
 import * as Yup from 'yup';
-import { Label } from '@components/ui/label';
-import { Badge } from '@components/ui/badge';
+import { Label } from '@components/Ui/label';
+import { Badge } from '@components/Ui/badge';
 import { getPaymentConfigs } from '@services/payments/payments';
 import ProductLinkedCourses from './SubComponents/ProductLinkedCourses';
-import { AlertTriangle, Settings, CreditCard, ShoppingCart, Users, ChevronRight } from 'lucide-react';
-import Link from 'next/link';
 import { usePaymentsEnabled } from '@hooks/usePaymentsEnabled';
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
-import UnconfiguredPaymentsDisclaimer from '../../Pages/Payments/UnconfiguredPaymentsDisclaimer';
+import UnconfiguredPaymentsDisclaimer from '@components/Pages/Payments/UnconfiguredPaymentsDisclaimer';
+import CreateProductForm from './SubComponents/CreateProductForm';
 
 const validationSchema = Yup.object().shape({
     name: Yup.string().required('Name is required'),

apps/web/components/Dashboard/Pages/Payments/SubComponents/CreateProductForm.tsx

@@ -6,11 +6,11 @@ import { Formik, Form, Field, ErrorMessage } from 'formik';
 import * as Yup from 'yup';
 import toast from 'react-hot-toast';
 import { mutate } from 'swr';
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Label } from "@/components/ui/label";
+import { Button } from "@components/Ui/button";
+import { Input } from "@components/Ui/input";
+import { Textarea } from "@components/Ui/textarea";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@components/Ui/select";
+import { Label } from "@components/Ui/label";
 import currencyCodes from 'currency-codes';
 
 const validationSchema = Yup.object().shape({

apps/web/components/Dashboard/Pages/Payments/SubComponents/LinkCourseModal.tsx

@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import { useOrg } from '@components/Contexts/OrgContext';
 import { useLHSession } from '@components/Contexts/LHSessionContext';
 import { linkCourseToProduct } from '@services/payments/products';
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+import { Button } from "@components/Ui/button";
+import { Input } from "@components/Ui/input";
 import { Search } from 'lucide-react';
 import toast from 'react-hot-toast';
 import { mutate } from 'swr';

apps/web/components/Dashboard/Pages/Payments/SubComponents/ProductLinkedCourses.tsx

@@ -3,10 +3,10 @@ import { getCoursesLinkedToProduct, unlinkCourseFromProduct } from '@services/pa
 import { useLHSession } from '@components/Contexts/LHSessionContext';
 import { useOrg } from '@components/Contexts/OrgContext';
 import { Trash2, Plus, BookOpen } from 'lucide-react';
-import { Button } from "@/components/ui/button";
+import { Button } from "@components/Ui/button";
 import toast from 'react-hot-toast';
 import { mutate } from 'swr';
-import Modal from '@components/StyledElements/Modal/Modal';
+import Modal from '@components/Objects/StyledElements/Modal/Modal';
 import LinkCourseModal from './LinkCourseModal';
 
 interface ProductLinkedCoursesProps {

apps/web/components/Dashboard/Pages/Users/OrgAccess/OrgAccess.tsx

@@ -1,6 +1,6 @@
 import { useOrg } from '@components/Contexts/OrgContext'
 import PageLoading from '@components/Objects/Loaders/PageLoading'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import { getAPIUrl, getUriWithOrg } from '@services/config/config'
 import { swrFetcher } from '@services/utils/ts/requests'
 import { Globe, Ticket, UserSquare, Users, X } from 'lucide-react'
@@ -14,7 +14,7 @@ import {
 } from '@services/organizations/invites'
 import toast from 'react-hot-toast'
 import { useRouter } from 'next/navigation'
-import Modal from '@components/StyledElements/Modal/Modal'
+import Modal from '@components/Objects/StyledElements/Modal/Modal'
 import OrgInviteCodeGenerate from '@components/Objects/Modals/Dash/OrgAccess/OrgInviteCodeGenerate'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 

apps/web/components/Dashboard/Pages/Users/OrgUserGroups/OrgUserGroups.tsx

@@ -4,8 +4,8 @@ import { useOrg } from '@components/Contexts/OrgContext'
 import AddUserGroup from '@components/Objects/Modals/Dash/OrgUserGroups/AddUserGroup'
 import EditUserGroup from '@components/Objects/Modals/Dash/OrgUserGroups/EditUserGroup'
 import ManageUsers from '@components/Objects/Modals/Dash/OrgUserGroups/ManageUsers'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
-import Modal from '@components/StyledElements/Modal/Modal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
+import Modal from '@components/Objects/StyledElements/Modal/Modal'
 import { getAPIUrl } from '@services/config/config'
 import { deleteUserGroup } from '@services/usergroups/usergroups'
 import { swrFetcher } from '@services/utils/ts/requests'

apps/web/components/Dashboard/Pages/Users/OrgUsers/OrgUsers.tsx

@@ -2,9 +2,9 @@ import { useLHSession } from '@components/Contexts/LHSessionContext'
 import { useOrg } from '@components/Contexts/OrgContext'
 import PageLoading from '@components/Objects/Loaders/PageLoading'
 import RolesUpdate from '@components/Objects/Modals/Dash/OrgUsers/RolesUpdate'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
-import Modal from '@components/StyledElements/Modal/Modal'
-import Toast from '@components/StyledElements/Toast/Toast'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
+import Modal from '@components/Objects/StyledElements/Modal/Modal'
+import Toast from '@components/Objects/StyledElements/Toast/Toast'
 import { getAPIUrl } from '@services/config/config'
 import { removeUserFromOrg } from '@services/organizations/orgs'
 import { swrFetcher } from '@services/utils/ts/requests'

apps/web/components/Dashboard/Pages/Users/OrgUsersAdd/OrgUsersAdd.tsx

@@ -1,8 +1,8 @@
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 import { useOrg } from '@components/Contexts/OrgContext'
 import PageLoading from '@components/Objects/Loaders/PageLoading'
-import Toast from '@components/StyledElements/Toast/Toast'
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import Toast from '@components/Objects/StyledElements/Toast/Toast'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 import { getAPIUrl } from '@services/config/config'
 import { inviteBatchUsers } from '@services/organizations/invites'
 import { swrFetcher } from '@services/utils/ts/requests'

apps/web/components/Objects/Activities/AI/AIActivityAsk.tsx

@@ -15,7 +15,7 @@ import {
   useAIChatBot,
   useAIChatBotDispatch,
 } from '@components/Contexts/AI/AIChatBotContext'
-import useGetAIFeatures from '../../../AI/Hooks/useGetAIFeatures'
+import useGetAIFeatures from '../../../Hooks/useGetAIFeatures'
 import UserAvatar from '@components/Objects/UserAvatar'
 
 type AIActivityAskProps = {

apps/web/components/Objects/Activities/DynamicCanva/AI/AICanvaToolkit.tsx

@@ -4,7 +4,7 @@ import learnhouseAI_icon from 'public/learnhouse_ai_simple.png'
 import Image from 'next/image'
 import { BookOpen, FormInput, Languages, MoreVertical } from 'lucide-react'
 import { BubbleMenu } from '@tiptap/react'
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 import {
   AIChatBotStateTypes,
   useAIChatBot,
@@ -14,7 +14,7 @@ import {
   sendActivityAIChatMessage,
   startActivityAIChatSession,
 } from '@services/ai/ai'
-import useGetAIFeatures from '../../../../AI/Hooks/useGetAIFeatures'
+import useGetAIFeatures from '../../../../Hooks/useGetAIFeatures'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 
 type AICanvaToolkitProps = {

apps/web/components/Objects/ContentPlaceHolder.tsx

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react'
-import useAdminStatus from './Hooks/useAdminStatus'
+import useAdminStatus from '../Hooks/useAdminStatus'
 
 
 // Terrible name and terible implementation, need to be refactored asap 

apps/web/components/Objects/Courses/CourseActions/CoursePaidOptions.tsx

@@ -4,8 +4,8 @@ import { useLHSession } from '@components/Contexts/LHSessionContext'
 import useSWR from 'swr'
 import { getProductsByCourse, getStripeProductCheckoutSession } from '@services/payments/products'
 import { RefreshCcw, SquareCheck, ChevronDown, ChevronUp } from 'lucide-react'
-import { Badge } from '@components/ui/badge'
-import { Button } from '@components/ui/button'
+import { Badge } from '@components/Ui/badge'
+import { Button } from '@components/Ui/button'
 import toast from 'react-hot-toast'
 import { useRouter } from 'next/navigation'
 import { getUriWithOrg } from '@services/config/config'

apps/web/components/Objects/Courses/CourseActions/CoursesActions.tsx

@@ -9,7 +9,7 @@ import { useMediaQuery } from 'usehooks-ts'
 import { getUriWithOrg } from '@services/config/config'
 import { getProductsByCourse } from '@services/payments/products'
 import { LogIn, LogOut, ShoppingCart, AlertCircle } from 'lucide-react'
-import Modal from '@components/StyledElements/Modal/Modal'
+import Modal from '@components/Objects/StyledElements/Modal/Modal'
 import CoursePaidOptions from './CoursePaidOptions'
 import { checkPaidAccess } from '@services/payments/payments'
 

apps/web/components/Objects/Courses/CourseUpdates/CourseUpdates.tsx

@@ -8,7 +8,7 @@ import FormLayout, {
   FormLabelAndMessage,
   Input,
   Textarea,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import { useCourse } from '@components/Contexts/CourseContext'
 import useSWR, { mutate } from 'swr'
 import { getAPIUrl } from '@services/config/config'
@@ -17,7 +17,7 @@ import useAdminStatus from '@components/Hooks/useAdminStatus'
 import { useOrg } from '@components/Contexts/OrgContext'
 import { createCourseUpdate, deleteCourseUpdate } from '@services/courses/updates'
 import toast from 'react-hot-toast'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import { useLHSession } from '@components/Contexts/LHSessionContext'

apps/web/components/Objects/Editor/AI/AIEditorToolkit.tsx

@@ -23,7 +23,7 @@ import {
   sendActivityAIChatMessage,
   startActivityAIChatSession,
 } from '@services/ai/ai'
-import useGetAIFeatures from '@components/AI/Hooks/useGetAIFeatures'
+import useGetAIFeatures from '@components/Hooks/useGetAIFeatures'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 
 type AIEditorToolkitProps = {

apps/web/components/Objects/Editor/Editor.tsx

@@ -29,7 +29,7 @@ import Table from '@tiptap/extension-table'
 import TableCell from '@tiptap/extension-table-cell'
 import TableHeader from '@tiptap/extension-table-header'
 import TableRow from '@tiptap/extension-table-row'
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 import Link from 'next/link'
 import { getCourseThumbnailMediaDirectory } from '@services/media/media'
 
@@ -47,7 +47,7 @@ import java from 'highlight.js/lib/languages/java'
 import { CourseProvider } from '@components/Contexts/CourseContext'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 import AIEditorToolkit from './AI/AIEditorToolkit'
-import useGetAIFeatures from '@components/AI/Hooks/useGetAIFeatures'
+import useGetAIFeatures from '@components/Hooks/useGetAIFeatures'
 import Collaboration from '@tiptap/extension-collaboration'
 import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
 import ActiveAvatars from './ActiveAvatars'

apps/web/components/Objects/Editor/EditorWrapper.tsx

@@ -3,7 +3,7 @@ import { default as React, useEffect, useRef, useState } from 'react'
 import Editor from './Editor'
 import { updateActivity } from '@services/courses/activities'
 import { toast } from 'react-hot-toast'
-import Toast from '@components/StyledElements/Toast/Toast'
+import Toast from '@components/Objects/StyledElements/Toast/Toast'
 import { OrgProvider } from '@components/Contexts/OrgContext'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 

apps/web/components/Objects/Editor/Toolbar/ToolbarButtons.tsx

@@ -29,7 +29,7 @@ import {
   Video,
 } from 'lucide-react'
 import { SiYoutube } from '@icons-pack/react-simple-icons'
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 
 export const ToolbarButtons = ({ editor, props }: any) => {
   if (!editor) {

apps/web/components/Objects/Modals/Activities/Create/NewActivityModal/Assignment.tsx

@@ -7,7 +7,7 @@ import FormLayout, {
     FormMessage,
     Input,
 
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import * as Form from '@radix-ui/react-form'
 import { BarLoader } from 'react-spinners'
 import { useOrg } from '@components/Contexts/OrgContext'

apps/web/components/Objects/Modals/Activities/Create/NewActivityModal/DocumentPdf.tsx

@@ -5,7 +5,7 @@ import FormLayout, {
   FormLabel,
   FormMessage,
   Input,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import React, { useState } from 'react'
 import * as Form from '@radix-ui/react-form'
 import BarLoader from 'react-spinners/BarLoader'

apps/web/components/Objects/Modals/Activities/Create/NewActivityModal/DynamicCanva.tsx

@@ -6,7 +6,7 @@ import FormLayout, {
   FormMessage,
   Input,
   Textarea,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import React, { useState } from 'react'
 import * as Form from '@radix-ui/react-form'
 import BarLoader from 'react-spinners/BarLoader'

apps/web/components/Objects/Modals/Activities/Create/NewActivityModal/Video.tsx

@@ -5,7 +5,7 @@ import FormLayout, {
   FormLabel,
   FormMessage,
   Input,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import React, { useState } from 'react'
 import * as Form from '@radix-ui/react-form'
 import BarLoader from 'react-spinners/BarLoader'

apps/web/components/Objects/Modals/Chapters/NewChapter.tsx

@@ -5,7 +5,7 @@ import FormLayout, {
   Textarea,
   FormLabel,
   ButtonBlack,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import { FormMessage } from '@radix-ui/react-form'
 import * as Form from '@radix-ui/react-form'
 import React, { useState } from 'react'

apps/web/components/Objects/Modals/Course/Create/CreateCourse.tsx

@@ -1,12 +1,11 @@
 'use client'
-import { Input } from "@/components/ui/input"
-import { Textarea } from "@/components/ui/textarea"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { Label } from "@/components/ui/label"
+import { Input } from "@components/Ui/input"
+import { Textarea } from "@components/Ui/textarea"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@components/Ui/select"
 import FormLayout, {
   FormField,
   FormLabelAndMessage,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import * as Form from '@radix-ui/react-form'
 import { createNewCourse } from '@services/courses/courses'
 import { getOrganizationContextInfoWithoutCredentials } from '@services/organizations/orgs'
@@ -18,9 +17,8 @@ import { useLHSession } from '@components/Contexts/LHSessionContext'
 import toast from 'react-hot-toast'
 import { useFormik } from 'formik'
 import * as Yup from 'yup'
-import { getCourseThumbnailMediaDirectory } from '@services/media/media'
-import { ArrowBigUpDash, UploadCloud, Image as ImageIcon } from 'lucide-react'
-import UnsplashImagePicker from "@components/Dashboard/Course/EditCourseGeneral/UnsplashImagePicker"
+import {  UploadCloud, Image as ImageIcon } from 'lucide-react'
+import UnsplashImagePicker from "@components/Dashboard/Pages/Course/EditCourseGeneral/UnsplashImagePicker"
 
 const validationSchema = Yup.object().shape({
   name: Yup.string()

apps/web/components/Objects/Modals/Dash/OrgUserGroups/AddUserGroup.tsx

@@ -3,7 +3,7 @@ import FormLayout, {
     FormField,
     FormLabelAndMessage,
     Input,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import * as Form from '@radix-ui/react-form'
 import { useOrg } from '@components/Contexts/OrgContext'
 import React from 'react'

apps/web/components/Objects/Modals/Dash/OrgUserGroups/EditUserGroup.tsx

@@ -3,7 +3,7 @@ import FormLayout, {
     FormField,
     FormLabelAndMessage,
     Input,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import * as Form from '@radix-ui/react-form'
 import { useOrg } from '@components/Contexts/OrgContext'
 import React from 'react'

apps/web/components/Objects/Modals/Dash/OrgUsers/RolesUpdate.tsx

@@ -6,7 +6,7 @@ import FormLayout, {
   Flex,
   FormField,
   FormLabel,
-} from '@components/StyledElements/Form/Form'
+} from '@components/Objects/StyledElements/Form/Form'
 import * as Form from '@radix-ui/react-form'
 import { FormMessage } from '@radix-ui/react-form'
 import { getAPIUrl } from '@services/config/config'

apps/web/components/Objects/Onboarding/Onboarding.tsx

@@ -1,4 +1,4 @@
-import Modal from '@components/StyledElements/Modal/Modal';
+import Modal from '@components/Objects/StyledElements/Modal/Modal';
 import Image, { StaticImageData } from 'next/image';
 import React, { useEffect, useState } from 'react';
 import OnBoardWelcome from '@public/onboarding/OnBoardWelcome.png';

apps/web/components/Objects/StyledElements/Modal/Modal.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import React from 'react'
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from "@/components/ui/dialog"
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from "@components/Ui/dialog"
 import { ButtonBlack } from '../Form/Form'
 import { cn } from "@/lib/utils"
 

apps/web/components/Objects/Thumbnails/CollectionThumbnail.tsx

@@ -1,7 +1,7 @@
 'use client'
 import { useOrg } from '@components/Contexts/OrgContext'
 import AuthenticatedClientElement from '@components/Security/AuthenticatedClientElement'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import { getUriWithOrg } from '@services/config/config'
 import { deleteCollection } from '@services/courses/collections'
 import { getCourseThumbnailMediaDirectory } from '@services/media/media'

apps/web/components/Objects/Thumbnails/CourseThumbnail.tsx

@@ -1,7 +1,7 @@
 'use client'
 import { useOrg } from '@components/Contexts/OrgContext'
 import AuthenticatedClientElement from '@components/Security/AuthenticatedClientElement'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import { getUriWithOrg } from '@services/config/config'
 import { deleteCourseFromBackend } from '@services/courses/courses'
 import { getCourseThumbnailMediaDirectory } from '@services/media/media'
@@ -17,7 +17,7 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
+} from "@components/Ui/dropdown-menu"
 
 type Course = {
   course_uuid: string

apps/web/components/Objects/Watermark.tsx

@@ -2,7 +2,7 @@ import Image from 'next/image'
 import Link from 'next/link'
 import blacklogo from '@public/black_logo.png'
 import React, { useEffect } from 'react'
-import { useOrg } from './Contexts/OrgContext'
+import { useOrg } from '../Contexts/OrgContext'
 
 function Watermark() {
     const org = useOrg() as any

apps/web/components/Pages/CourseEdit/Draggables/Activity.tsx

@@ -15,7 +15,7 @@ import {
 import { mutate } from 'swr'
 import { revalidateTags } from '@services/utils/ts/requests'
 import { useRouter } from 'next/navigation'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import { deleteActivity, updateActivity } from '@services/courses/activities'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 

apps/web/components/Pages/CourseEdit/Draggables/Chapter.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components'
 import { Droppable, Draggable } from 'react-beautiful-dnd'
 import Activity from './Activity'
 import { Hexagon, MoreVertical, Pencil, Save, Sparkles, X } from 'lucide-react'
-import ConfirmationModal from '@components/StyledElements/ConfirmationModal/ConfirmationModal'
+import ConfirmationModal from '@components/Objects/StyledElements/ConfirmationModal/ConfirmationModal'
 import { useRouter } from 'next/navigation'
 import { updateChapter } from '@services/courses/chapters'
 import { mutate } from 'swr'

apps/web/components/Pages/Courses/ActivityIndicators.tsx

@@ -1,4 +1,4 @@
-import ToolTip from '@components/StyledElements/Tooltip/Tooltip'
+import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 import { getUriWithOrg } from '@services/config/config'
 import Link from 'next/link'
 import React from 'react'

apps/web/components/Pages/Payments/UnconfiguredPaymentsDisclaimer.tsx

@@ -1,5 +1,5 @@
 import {  Settings, ChevronRight, CreditCard } from 'lucide-react'
-import { Alert, AlertTitle, AlertDescription } from '@components/ui/alert'
+import { Alert, AlertTitle, AlertDescription } from '@components/Ui/alert'
 import { AlertTriangle, ShoppingCart, Users } from 'lucide-react'
 import React from 'react'
 import Link from 'next/link'

apps/web/components/Security/HeaderProfileBox.tsx

@@ -8,7 +8,7 @@ import useAdminStatus from '@components/Hooks/useAdminStatus'
 import { useLHSession } from '@components/Contexts/LHSessionContext'
 import { useOrg } from '@components/Contexts/OrgContext'
 import { getUriWithoutOrg } from '@services/config/config'
-import Tooltip from '@components/StyledElements/Tooltip/Tooltip'
+import Tooltip from '@components/Objects/StyledElements/Tooltip/Tooltip'
 
 export const HeaderProfileBox = () => {
   const session = useLHSession() as any

apps/web/components/ui/toggle-group.tsx

@@ -5,7 +5,7 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
 import { type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils"
-import { toggleVariants } from "@/components/ui/toggle"
+import { toggleVariants } from "@components/Ui/toggle"
 
 const ToggleGroupContext = React.createContext<
   VariantProps<typeof toggleVariants>