Platform 0.1.6 (contact security) + fidelity fixes from the port review

- .container back in @layer components so Tailwind's px-4 still wins; unlayered it had
  quietly widened the gutter on every page
- shadow-sm -> shadow-xs: Tailwind v4 renamed the scale, so the ported markup was giving
  every white card a heavier shadow than the live site
- route changes jump to the top again instead of smooth-scrolling
- preload the wordmark font and the hero image

frontend/src/pages/Contact.tsx

@@ -50,7 +50,7 @@ const ContactPage = () => {
 
       {/* Contact Form Section */}
       <div className="container mx-auto px-4 pb-16 md:pb-24">
-        <div className="max-w-2xl mx-auto bg-white p-8 md:p-10 rounded-3xl shadow-sm">
+        <div className="max-w-2xl mx-auto bg-white p-8 md:p-10 rounded-3xl shadow-xs">
           <h2 className="font-adbhashitha text-2xl md:text-3xl text-bakery-900 mb-2">Get in touch</h2>
           <p className="text-bakery-700 mb-8">
             Or call us: <a href="tel:+13097010660" className="underline underline-offset-4 hover:text-bakery-600">(309) 701-0660</a>

frontend/src/pages/Home.tsx

@@ -54,7 +54,7 @@ const HomePage = () => {
             {['Cinnamon Rolls', 'Sugar Cookies', 'Cakes'].map((item) => (
               <div
                 key={item}
-                className="group text-center bg-white rounded-3xl overflow-hidden shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300"
+                className="group text-center bg-white rounded-3xl overflow-hidden shadow-xs hover:shadow-lg hover:-translate-y-1 transition duration-300"
               >
                 <div className="overflow-hidden">
                   <img

frontend/src/pages/Products.tsx

@@ -74,7 +74,7 @@ const ProductsPage = () => {
                 initial={{ opacity: 0 }}
                 animate={{ opacity: 1 }}
                 exit={{ opacity: 0 }}
-                className="group bg-white rounded-3xl overflow-hidden shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300"
+                className="group bg-white rounded-3xl overflow-hidden shadow-xs hover:shadow-lg hover:-translate-y-1 transition duration-300"
               >
                 {/* Image Container */}
                 <div className="relative w-full overflow-hidden">