carnet panel contact 2

app/carnet/page.tsx

@@ -620,6 +620,24 @@ export default function CarnetPage() {
           {showNotes && (
             <>
               <div className="flex-1 overflow-hidden">
+                <div className="flex justify-between items-center mb-4">
+                  <h2 className="text-lg font-semibold">
+                    {selectedFolder === 'Contacts' ? 'Contact Groups' : 'Content'}
+                  </h2>
+                  {selectedFolder === 'Contacts' && (
+                    <button
+                      onClick={() => {
+                        const groupName = prompt('Enter group name:');
+                        if (groupName) {
+                          handleCreateGroup(groupName);
+                        }
+                      }}
+                      className="px-3 py-1 text-sm bg-blue-500 text-white rounded hover:bg-blue-600"
+                    >
+                      New Group
+                    </button>
+                  )}
+                </div>
                 {selectedFolder === 'Contacts' ? (
                   <ContactsView
                     contacts={contacts}