DEV: makes chat modals use the new <DModal /> component (#22495)

This commit also standardize the naming pattern of modals: `<Chat::Modal::FooBar />` and changes css class accordingly.

Co-authored-by: David Taylor <david@taylorhq.com>

plugins/chat/spec/system/page_objects/modals/chat_channel_create.rb

@@ -9,11 +9,11 @@ module PageObjects
       end
 
       def create_channel_hint
-        find(".create-channel__hint")
+        find(".chat-modal-create-channel__hint")
       end
 
       def slug_input
-        find(".-slug .create-channel__input")
+        find(".-slug .chat-modal-create-channel__input")
       end
 
       def has_create_hint?(content)
@@ -21,23 +21,23 @@ module PageObjects
       end
 
       def has_threading_toggle?
-        has_selector?(".create-channel__control.-threading-toggle")
+        has_selector?(".chat-modal-create-channel__control.-threading-toggle")
       end
 
       def fill_name(name)
-        fill_in("channel-name", with: name)
+        fill_in("name", with: name)
       end
 
       def fill_slug(slug)
-        fill_in("channel-slug", with: slug)
+        fill_in("slug", with: slug)
       end
 
       def fill_description(description)
-        fill_in("channel-description", with: description)
+        fill_in("description", with: description)
       end
 
       def has_name_prefilled?(name)
-        has_field?("channel-name", with: name)
+        has_field?("name", with: name)
       end
     end
   end