Migrate Container to Tailwind utility classes

Replace the Container SCSS-based layout with Tailwind utility classes. Removed Container.scss and its import, updated Container.jsx to render <div className="w-full max-w-5xl mx-auto ..."> and adjusted related snapshot. Also updated Footer to use the new max-w-5xl class so layout remains consistent. This migrates layout styling from a component SCSS file to utility classes.

Author: Deven14125

src/components/Container/Container.jsx

@@ -1,11 +1,13 @@
 import PropTypes from "prop-types";
 
-import "./Container.scss";
-
 export default function Container(props = {}) {
   const { className = "" } = props;
 
-  return <div className={`container ${className}`}>{props.children}</div>;
+  return (
+    <div className={`w-full max-w-5xl 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-5xl 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-5xl mx-auto "
 >
   <span>
     Simple child

src/components/Container/__snapshots__/Container.test.jsx.snap

@@ -10,7 +10,7 @@ const footerLinkClasses =
 
 const Footer = () => (
   <footer className="w-full flex-[0_0_auto] print:hidden">
-    <Container className="mx-auto max-w-[900px] px-5 pb-[30px] pt-[40px] text-center [&_a]:text-[#3b7eb5]">
+    <Container className="mx-auto max-w-5xl px-5 pb-[30px] pt-[40px] text-center [&_a]:text-[#3b7eb5]">
       <div className="mb-[24px] flex justify-center">
         <a href="https://openjsf.org" target="_blank" rel="noopener noreferrer">
           <img