fix(container): migrate from SCSS to Tailwind CSS (#8098)

Author: mr-baraiya

src/components/Container/Container.jsx

@@ -1,11 +1,15 @@
 import PropTypes from "prop-types";
 
-import "./Container.scss";
+// Tailwind CSS is now used for styling. Custom SCSS removed.
 
 export default function Container(props = {}) {
   const { className = "" } = props;
 
-  return <div className={`container ${className}`}>{props.children}</div>;
+  return (
+    <div className={`w-full max-w-screen-lg mx-auto ${className}`}>
+      {props.children}
+    </div>
+  );
 }
 
 Container.propTypes = {

src/components/Container/Container.scss

@@ -2,7 +2,7 @@
 
 exports[`Container renders correctly with children and className 1`] = `
 <div
-  class="container test-class"
+  class="w-full max-w-screen-lg mx-auto test-class"
 >
   <p>
     Child content
@@ -12,7 +12,7 @@ exports[`Container renders correctly with children and className 1`] = `
 
 exports[`Container renders correctly without className 1`] = `
 <div
-  class="container "
+  class="w-full max-w-screen-lg mx-auto "
 >
   <span>
     Simple child