refactor: replace MotionDiv with motion.div in Banner and Login components

Author: RohitRaj011

src/components/common/Banner/Banner.tsx

@@ -25,7 +25,7 @@ import {
     Icon,
     InfoBlockVariant,
     InstallationType,
-    MotionDiv,
+    motion,
     noop,
     setActionWithExpiry,
     useMainContext,
@@ -178,7 +178,7 @@ export const Banner = () => {
     return (
         <AnimatePresence custom={!!bannerVariant}>
             {bannerVariant && config && (
-                <MotionDiv
+                <motion.div
                     layout
                     key={bannerVariant}
                     variants={bannerVariants}
@@ -217,7 +217,7 @@ export const Banner = () => {
                             showAriaLabelInTippy={false}
                         />
                     )}
-                </MotionDiv>
+                </motion.div>
             )}
         </AnimatePresence>
     )

src/components/login/Login.tsx

@@ -28,7 +28,7 @@ import {
     Host,
     Icon,
     LoginBanner,
-    MotionDiv,
+    motion,
     SSOProviderIcon,
     ToastManager,
     ToastVariantType,
@@ -195,7 +195,7 @@ const Login = () => {
                     <div className="flexbox-col">
                         {renderDevtronLogo()}
                         <AnimatePresence>
-                            <MotionDiv
+                            <motion.div
                                 key={location.pathname}
                                 variants={LOGIN_CARD_ANIMATION_VARIANTS}
                                 initial="initial"
@@ -205,7 +205,7 @@ const Login = () => {
                                 className="dc__overflow-hidden"
                             >
                                 {renderLoginContent()}
-                            </MotionDiv>
+                            </motion.div>
                         </AnimatePresence>
                     </div>
                     {getTermsAndConditions && getTermsAndConditions()}