Merge pull request #8021 from weseek/support/128306-129283-bs-five-helpers

support: Bootstrap v5 breaking changes Helpers

apps/app/src/components/LoginForm.tsx

@@ -180,7 +180,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
       <>
         {/* !! - DO NOT DELETE HIDDEN ELEMENT - !! -- 7.12 ryoji-s */}
         {/* Import font-awesome to prevent MongoStore.js "Unable to find the session to touch" error */}
-        <div className="sr-only">
+        <div className="visually-hidden">
           <i className="fa fa-spinner fa-pulse" />
         </div>
         {/* !! - END OF HIDDEN ELEMENT - !! */}

apps/app/src/components/PageEditor/Editor.tsx

@@ -220,7 +220,7 @@ const Editor: ForwardRefRenderFunction<IEditorMethods, EditorPropsType> = (props
           && (
             <span className="overlay-content">
               <div className="speeding-wheel d-inline-block"></div>
-              <span className="sr-only">Uploading...</span>
+              <span className="visually-hidden">Uploading...</span>
             </span>
           )
         }