refactor: remove SCSS module and replace with Tailwind CSS classes for SplitBlock component

Author: HACO8888

app/(Layout)/splitBlockNew.module.scss

@@ -1,15 +1,18 @@
 import React from "react";
-import style from "./splitBlockNew.module.scss";
 
 const SplitBlock = ({ children }: { children: React.ReactNode }) => {
   const blocks = React.Children.toArray(children);
 
   return (
-    <div className={style.app}>
-      <div className={style.mainview}>{blocks[0]}</div>
-      <div className={style.second}>{blocks[1]}</div>
+    <div className="w-[90vw] h-full rounded-[1.8rem] mx-auto grid grid-cols-12 gap-4 overflow-hidden">
+      <div className="col-span-8 max-w-[90vw] h-full rounded-[1.2rem] overflow-y-auto scrollbar-hide bg-transparent xl:col-span-8 lg:col-span-8 md:col-span-8">
+        {blocks[0]}
+      </div>
+      <div className="h-full col-span-4 overflow-y-hidden xl:col-span-4 lg:col-span-4 md:col-span-4">
+        {blocks[1]}
+      </div>
     </div>
   );
 };
 
-export default SplitBlock;
+export default SplitBlock;