Refactor CreateLookDialog to use compact sidebar and 2-column grid

This change refines the `CreateLookDialog` layout to be more compact and user-friendly.

Key changes:
- Replaced the sidebar with a text-only vertical navigation bar (`w-32`) to maximize content space.
- Adjusted the equipment, pose, and expression grids to a fixed 2-column layout (`grid-cols-2`) for better item visibility and reduced density.
- Removed icons from sidebar buttons to streamline the interface.
- Updated `ScrollArea` components to correctly fill available height (`h-full`) to enable proper scrolling.
- Maintained the tabbed structure (Equipment, Pose, Expression, Instructions) and footer layout from the previous iteration.

src/ui/components/CreateLookDialog.tsx

@@ -268,7 +268,7 @@ export const CreateLookDialog: React.FC<CreateLookDialogProps> = ({
                   </div>
 
                   {/* Equipment Grid */}
-                  <ScrollArea className="flex-1 p-6">
+                  <ScrollArea className="flex-1 p-6 h-full">
                     {loading ? (
                       <div className="flex justify-center items-center h-full min-h-[200px]">
                         <Loader2 className="w-8 h-8 animate-spin text-stone-400" />
@@ -367,8 +367,8 @@ export const CreateLookDialog: React.FC<CreateLookDialogProps> = ({
 
               {/* Pose Tab */}
               {activeTab === 'pose' && (
-                <ScrollArea className="flex-1 p-6">
-                  <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-4">
+                <ScrollArea className="flex-1 p-6 h-full">
+                  <div className="grid grid-cols-2 gap-6">
                     <div
                       className={cn(
                         'aspect-[3/4] border rounded-lg cursor-pointer flex flex-col items-center justify-center bg-white transition-all hover:bg-stone-50',
@@ -415,8 +415,8 @@ export const CreateLookDialog: React.FC<CreateLookDialogProps> = ({
 
               {/* Expression Tab */}
               {activeTab === 'expression' && (
-                <ScrollArea className="flex-1 p-6">
-                  <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-4">
+                <ScrollArea className="flex-1 p-6 h-full">
+                  <div className="grid grid-cols-2 gap-6">
                     <div
                       className={cn(
                         'aspect-[3/4] border rounded-lg cursor-pointer flex flex-col items-center justify-center bg-white transition-all hover:bg-stone-50',