added guard clause for server rendering useBreakpoint

src/hooks/useBreakpoint.js

@@ -48,6 +48,12 @@ const resolveBreakpoint = (width) => {
  * @returns {Breakpoint}
  */
 export const useBreakpoint = () => {
+
+  // for server side rendering
+  if (typeof window === 'undefined') {
+    return Breakpoint.xxl;
+  }
+
   const [size, setSize] = useState(() => resolveBreakpoint(window.innerWidth));
 
   const setBreakpoint = () => {

src/pages/apply.js

@@ -1,5 +1,3 @@
-'use client';
-
 import React from 'react';
 import Particles from 'react-particles-js';
 import Container from 'react-bootstrap/Container';