feat(search): implement paginated API fetching for large page sizes

- Removed upper limit on page_size validation to support requests >100
- Added automatic pagination logic to fetch from Open Food Facts API in chunks of 1000
- Accumulates products across multiple API pages until desired count is reached
- Updated error messages and product data fields for consistency

app/components/header.tsx

@@ -24,13 +24,13 @@ export function Header() {
   return (
     <header className="sticky top-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md border-b border-gray-200 dark:border-gray-700">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex items-center justify-between h-16">
-          {/* Logo */}
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 bg-gradient-to-r from-blue-600 to-green-600 rounded-xl flex items-center justify-center">
-              <ScanLine className="w-6 h-6 text-white" />
+        <div className="flex items-center justify-between h-14 sm:h-16">
+          {/* Logo - compacto em mobile */}
+          <div className="flex items-center gap-2 sm:gap-3">
+            <div className="w-8 h-8 sm:w-10 sm:h-10 bg-gradient-to-r from-blue-600 to-green-600 rounded-xl flex items-center justify-center">
+              <ScanLine className="w-5 h-5 sm:w-6 sm:h-6 text-white" />
             </div>
-            <div>
+            <div className="hidden sm:block">
               <h1 className="text-xl font-bold text-gray-900 dark:text-white">
                 NutriScan
               </h1>
@@ -38,6 +38,12 @@ export function Header() {
                 Informações nutricionais
               </p>
             </div>
+            {/* Logo compacto para mobile */}
+            <div className="sm:hidden">
+              <h1 className="text-base font-bold text-gray-900 dark:text-white">
+                NutriScan
+              </h1>
+            </div>
           </div>
 
           {/* Desktop Navigation */}
@@ -54,12 +60,6 @@ export function Header() {
             >
               Recursos
             </a>
-            <a
-              href="/pricing"
-              className="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
-            >
-              Preços
-            </a>
             <a
               href="#sobre"
               className="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
@@ -121,13 +121,6 @@ export function Header() {
               >
                 Recursos
               </a>
-              <a
-                href="/pricing"
-                className="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors py-2"
-                onClick={() => setIsMenuOpen(false)}
-              >
-                Preços
-              </a>
               <a
                 href="#sobre"
                 className="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors py-2"