Replace bs utility class

apps/app/src/components/Layout/NoLoginLayout.module.scss

@@ -18,7 +18,6 @@
       .nologin-header {
         padding-top: 30px;
         padding-bottom: 10px;
-        border-radius: 16px 16px 0 0;
       }
 
       .growi-logo-type {
@@ -114,8 +113,6 @@
   }
 
   .text-line {
-    display: flex;
-    align-items: center;
     &:before,
     &:after {
       flex-grow: 1;

apps/app/src/components/Layout/NoLoginLayout.tsx

@@ -33,7 +33,7 @@ export const NoLoginLayout = ({
           <div className="row">
 
             <div className="col-md-12 position-relative">
-              <div className="nologin-header mx-auto">
+              <div className="nologin-header mx-auto rounded-4 rounded-bottom-0">
                 <div className="d-flex justify-content-center align-items-center">
                   <GrowiLogo />
                   <h1 className="growi-logo-type fs-3 my-3 ms-3">GROWI</h1>

apps/app/src/components/LoginForm.tsx

@@ -250,7 +250,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
             </button>
           </div>
         </form>
-        <div className="text-center text-line mb-3">
+        <div className="text-center text-line d-flex align-items-center mb-3">
           <p className="text-white mb-0">{t('or')}</p>
         </div>
       </>