Add new loader toggle UI in room settings

This commit adds new loader toggle UI in room settings that allows
room owners to enable/disable the new loader.

Changes
* Rename hub.user_data.hubsUseNewLoader to
  hub.user_data.hubs_use_new_loader for naming consistency
* Add new loader toggle UI in room settings

src/react-components/room/RoomSettingsSidebar.js

@@ -196,6 +196,16 @@ export function RoomSettingsSidebar({
             />
           </div>
         </InputField>
+        <InputField
+          label={<FormattedMessage id="room-settings-sidebar.new-loader" defaultMessage="New loader activation" />}
+          fullWidth
+        >
+          {/* TODO: Refresh the page in all the clients in the room when toggled */}
+          <ToggleInput
+            label={<FormattedMessage id="room-settings-sidebar.new-loader-activation" defaultMessage="Enable new loader" />}
+            {...register("user_data.hubs_use_new_loader")}
+          />
+        </InputField>
         <ApplyButton type="submit" />
       </Column>
     </Sidebar>

src/react-components/room/RoomSettingsSidebarContainer.js

@@ -2,6 +2,7 @@ import React, { useCallback } from "react";
 import PropTypes from "prop-types";
 import { RoomSettingsSidebar } from "./RoomSettingsSidebar";
 import configs from "../../utils/configs";
+import { fetchReticulumAuthenticated } from "../../utils/phoenix-utils";
 import { useInviteUrl } from "./hooks/useInviteUrl";
 
 const NotifiablePermissions = ["text_chat", "voice_chat"];

src/utils/bit-utils.ts

@@ -62,5 +62,5 @@ export function findChildWithComponent(world: HubsWorld, component: Component, e
 
 const forceNewLoader = qsTruthy("newLoader");
 export function shouldUseNewLoader() {
-  return forceNewLoader || APP.hub?.user_data?.hubsUseNewLoader;
+  return forceNewLoader || APP.hub?.user_data?.hubs_use_new_loader;
 }