feat: make create database dialog select default charset and collation

Author: JmzTaylor

resources/js/pages/databases/components/create-database.tsx

@@ -56,20 +56,20 @@ export default function CreateDatabase({
 
   const form = useForm<CreateForm>({
     name: '',
-    charset: defaultCharset || '',
-    collation: defaultCollation || '',
+    charset: defaultCharset || 'utf8mb4',
+    collation: defaultCollation || 'utf8mb4_0900_ai_ci',
     user: withUser,
     existing_user_id: '',
   });
 
   // Auto-load collations when modal opens with a default charset
   useEffect(() => {
-    if (open && defaultCharset && charsets.includes(defaultCharset) && collations.length === 0) {
-      axios.get(route('databases.collations', { server: server, charset: defaultCharset })).then((response) => {
+    if (open && form.data.charset && charsets.includes(form.data.charset) && collations.length === 0) {
+      axios.get(route('databases.collations', { server: server, charset: form.data.charset })).then((response) => {
         setCollations(response.data);
       });
     }
-  }, [open, charsets, defaultCharset, server, collations]);
+  }, [open, charsets, form.data.charset, server, collations]);
 
   const submit = (e: FormEvent) => {
     e.preventDefault();