Dependencies Updates, Sidebar fixes, default plan, Radix single package (#297)

* Refactor Radix UI imports and update package dependencies, fix Sidebar "group" references, add default value to plan picker to preselect a plan

packages/features/accounts/src/components/personal-account-dropdown.tsx

@@ -91,7 +91,7 @@ export function PersonalAccountDropdown({
         aria-label="Open your profile menu"
         data-test={'account-dropdown-trigger'}
         className={cn(
-          'animate-in group/trigger fade-in focus:outline-primary flex cursor-pointer items-center group-data-[minimized=true]:px-0',
+          'animate-in group/trigger fade-in focus:outline-primary flex cursor-pointer items-center group-data-[minimized=true]/sidebar:px-0',
           className ?? '',
           {
             ['active:bg-secondary/50 items-center gap-4 rounded-md' +
@@ -112,7 +112,7 @@ export function PersonalAccountDropdown({
         <If condition={showProfileName}>
           <div
             className={
-              'fade-in animate-in flex w-full flex-col truncate text-left group-data-[minimized=true]:hidden'
+              'fade-in animate-in flex w-full flex-col truncate text-left group-data-[minimized=true]/sidebar:hidden'
             }
           >
             <span
@@ -132,7 +132,7 @@ export function PersonalAccountDropdown({
 
           <ChevronsUpDown
             className={
-              'text-muted-foreground mr-1 h-8 group-data-[minimized=true]:hidden'
+              'text-muted-foreground mr-1 h-8 group-data-[minimized=true]/sidebar:hidden'
             }
           />
         </If>

packages/features/accounts/src/hooks/use-personal-account-data.ts

@@ -2,6 +2,7 @@ import { useCallback } from 'react';
 
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 
+import { Json } from '@kit/supabase/database';
 import { useSupabase } from '@kit/supabase/hooks/use-supabase';
 
 export function usePersonalAccountData(
@@ -10,6 +11,7 @@ export function usePersonalAccountData(
     id: string | null;
     name: string | null;
     picture_url: string | null;
+    public_data?: Json;
   },
 ) {
   const client = useSupabase();
@@ -26,7 +28,8 @@ export function usePersonalAccountData(
         `
         id,
         name,
-        picture_url
+        picture_url,
+        public_data
     `,
       )
       .eq('primary_owner_user_id', userId)
@@ -51,6 +54,7 @@ export function usePersonalAccountData(
           id: partialAccount.id,
           name: partialAccount.name,
           picture_url: partialAccount.picture_url,
+          public_data: partialAccount.public_data,
         }
       : undefined,
   });