Fix camel casing

Author: backspace

packages/host/app/components/operator-mode/create-file-modal.gts

@@ -726,16 +726,17 @@ export class ${className} extends ${exportName} {
 
 function convertToClassName(input) {
   // \p{L}: a letter
-  let invalidLeadingCharactersRemoved = input.replace(/^[^\p{L}_$]+/u, '');
+  let invalidLeadingCharactersRemoved = camelCase(
+    input.replace(/^[^\p{L}_$]+/u, ''),
+    { pascalCase: true },
+  );
 
-  // \p{N}: a number
-  let invalidCharactersRemoved = invalidLeadingCharactersRemoved.replace(
+  let className = invalidLeadingCharactersRemoved.replace(
+    // \p{N}: a number
     /[^\p{L}\p{N}_$]+/gu,
     '',
   );
 
-  let className = camelCase(invalidCharactersRemoved, { pascalCase: true });
-
   // make sure we don't collide with a javascript built-in object
   if (typeof (globalThis as any)[className] !== 'undefined') {
     className = `${className}0`;

packages/host/tests/acceptance/code-submode/create-file-test.gts

@@ -561,7 +561,7 @@ module('Acceptance | code submode | create-file tests', function (hooks) {
 import { CardDef } from 'https://cardstack.com/base/card-api';
 import { Component } from 'https://cardstack.com/base/card-api';
 export class TrèsTestCard extends CardDef {
-  static displayName = "Très Test Card 😀";
+  static displayName = "Très test card 😀";
 
   /*
   static isolated = class Isolated extends Component<typeof this> {
@@ -587,7 +587,7 @@ export class TrèsTestCard extends CardDef {
     assert
       .dom('[data-test-create-definition]')
       .isDisabled('create button is disabled');
-    await fillIn('[data-test-display-name-field]', 'Très Test Card 😀');
+    await fillIn('[data-test-display-name-field]', 'Très test card 😀');
     assert
       .dom(`[data-test-inherits-from-field] [data-test-boxel-field-label]`)
       .hasText('Inherits From');
@@ -614,7 +614,7 @@ export class TrèsTestCard extends CardDef {
       'monaco displays the new definition',
     );
 
-    await waitFor('[data-test-card-schema="Très Test Card 😀"]');
+    await waitFor('[data-test-card-schema="Très test card 😀"]');
     assert.dom('[data-test-current-module-name]').hasText('très-test-card.gts');
     assert
       .dom('[data-test-card-url-bar-input]')