feat: Generate random vibrant skill color by default on every new skill creation while retaining custom color picker

frontend/src/components/ProfileModal.jsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { X, User, Award, Check, AlertCircle } from 'lucide-react';
 import { apiFetch } from '../api/client';
+import { getRandomSkillColor } from '../utils/colors';
 
 export default function ProfileModal({ user, skills, onClose, onUserUpdated, onRefreshSkills }) {
   const [displayName, setDisplayName] = useState(user?.display_name || '');
@@ -11,7 +12,7 @@ export default function ProfileModal({ user, skills, onClose, onUserUpdated, onR
   // New skill fields
   const [newSkillName, setNewSkillName] = useState('');
   const [newSkillDesc, setNewSkillDesc] = useState('');
-  const [newSkillColor, setNewSkillColor] = useState('#2563eb');
+  const [newSkillColor, setNewSkillColor] = useState(getRandomSkillColor());
 
   const [savingProfile, setSavingProfile] = useState(false);
   const [creatingSkill, setCreatingSkill] = useState(false);
@@ -67,6 +68,7 @@ export default function ProfileModal({ user, skills, onClose, onUserUpdated, onR
       });
       setNewSkillName('');
       setNewSkillDesc('');
+      setNewSkillColor(getRandomSkillColor());
       setSuccess('Neue Fähigkeit erfolgreich angelegt!');
       onRefreshSkills();
     } catch (err) {