fix(website): website search (#3948)

.npmrc

@@ -1,4 +1,3 @@
 strict-peer-dependencies=false
 save-exact=true
-engine-strict=true
 auto-install-peers=false

package.json

@@ -46,10 +46,11 @@
     "devDependencies": {
         "@commitlint/cli": "19.5.0",
         "@commitlint/config-conventional": "19.5.0",
-        "@coveo/semantic-monorepo-tools": "2.4.59",
+        "@coveo/semantic-monorepo-tools": "2.5.4",
         "@eslint/compat": "1.2.1",
         "@sindresorhus/slugify": "2.2.1",
         "@types/node": "20.16.13",
+        "@vitest/eslint-plugin": "1.1.7",
         "aws-sdk": "2.1691.0",
         "chokidar": "4.0.1",
         "commitizen": "4.3.1",
@@ -65,7 +66,6 @@
         "eslint-plugin-react-refresh": "0.4.12",
         "eslint-plugin-testing-library": "6.4.0",
         "eslint-plugin-unused-imports": "4.1.4",
-        "@vitest/eslint-plugin": "1.1.7",
         "globals": "15.11.0",
         "husky": "9.1.6",
         "lint-staged": "15.2.10",

packages/website/package.json

@@ -12,8 +12,8 @@
         "type-check": "tsc --noEmit"
     },
     "dependencies": {
-        "@coveo/atomic-react": "3.1.7",
-        "@coveo/headless": "3.4.0",
+        "@coveo/atomic-react": "3.2.4",
+        "@coveo/headless": "3.8.1",
         "@coveord/plasma-components-props-analyzer": "workspace:*",
         "@coveord/plasma-mantine": "workspace:*",
         "@coveord/plasma-react-icons": "workspace:*",

packages/website/src/building-blocs/ResultList.tsx

@@ -20,15 +20,15 @@ export const ResultList: FunctionComponent<ResultListProps> = ({controller, engi
     return (
         <>
             {!state.hasResults && !state.isLoading ? (
-                <Container size="xl" className="home" pt="150">
+                <Container size="xl" className="home" pt="lg">
                     <Box w="100%">
                         <AtomicSearchInterface engine={engine}>
                             <NoSearchResultTemplate engine={engine} query={query} />
                         </AtomicSearchInterface>
                     </Box>
                 </Container>
             ) : (
-                <Container size="xl" className="home" pt="150">
+                <Container size="xl" className="home" pt="lg">
                     <Stack gap="md" flex="1">
                         <AtomicSearchInterface engine={engine}>
                             <AtomicQuerySummary />

packages/website/src/pages/Search.tsx

@@ -5,6 +5,7 @@ import {
     loadSearchActions,
     loadSearchAnalyticsActions,
 } from '@coveo/headless';
+import {AppShell} from '@coveord/plasma-mantine';
 import {useContext} from 'react';
 import {ResultList} from '../building-blocs/ResultList';
 import {EngineContext} from '../search/engine/EngineContext';
@@ -39,7 +40,11 @@ const Search = () => {
     }
 
     const controller = buildResultList(engine);
-    return <ResultList controller={controller} engine={engine} query={query} />;
+    return (
+        <AppShell.Main>
+            <ResultList controller={controller} engine={engine} query={query} />
+        </AppShell.Main>
+    );
 };
 
 export default Search;