first commit

resources/views/components/folder-item.blade.php

@@ -0,0 +1,22 @@
+@props(['folder', 'level' => 0])
+
+<li class="pl-{{ $level * 4 }} group">
+    <div class="flex items-center justify-between p-2 hover:bg-gray-50 rounded-lg cursor-pointer"
+         wire:click="$emit('folderSelected', {{ $folder->id }})">
+        <div class="flex items-center">
+            <x-icons icon="folder" class="w-5 h-5 mr-2 text-yellow-500" />
+            <span class="text-sm">{{ $folder->name }}</span>
+        </div>
+        @if($folder->children->isNotEmpty())
+            <x-icons icon="chevron-right" class="w-4 h-4 text-gray-400 transform group-hover:rotate-90 transition-transform" />
+        @endif
+    </div>
+    
+    @if($folder->children->isNotEmpty())
+        <ul class="mt-1 space-y-1">
+            @foreach($folder->children as $child)
+                <x-folder-item :folder="$child" :level="$level + 1" />
+            @endforeach
+        </ul>
+    @endif
+</li>