fix: import global CSS only in App component

LIIKUNTA-768.

Using Turbopack makes it clear that global stylesheets can only be
imported in App component.

When running app with a Turbopack, a following warning is printed in
terminal:

```shell
Global CSS cannot be imported from files other than your Custom <App>.
Due to the Global nature of stylesheets, and to avoid conflicts, Please
move all first-party global CSS imports to pages/_app.js. Or convert the
import to Component-Level CSS (CSS Modules).
```

Author: nikomakela

apps/events-helsinki/src/pages/_app.tsx

@@ -12,6 +12,7 @@ import { appWithTranslation } from 'next-i18next';
 import React from 'react';
 
 import '../styles/globals.scss';
+import '../styles/askem.scss';
 import { ErrorBoundary } from 'react-error-boundary';
 import nextI18nextConfig from '../../next-i18next.config.mjs';
 import { ROUTES } from '../constants';

apps/hobbies-helsinki/src/pages/_app.tsx

@@ -11,6 +11,7 @@ import { appWithTranslation } from 'next-i18next';
 import React from 'react';
 
 import '../styles/globals.scss';
+import '../styles/askem.scss';
 import { ErrorBoundary } from 'react-error-boundary';
 import nextI18nextConfig from '../../next-i18next.config.mjs';
 import { ROUTES } from '../constants';

apps/sports-helsinki/src/pages/_app.tsx

@@ -12,6 +12,7 @@ import { appWithTranslation } from 'next-i18next';
 import React from 'react';
 
 import '../styles/globals.scss';
+import '../styles/askem.scss';
 import { ErrorBoundary } from 'react-error-boundary';
 import nextI18nextConfig from '../../next-i18next.config.mjs';
 import { ROUTES } from '../constants';

packages/components/src/app/BaseApp.tsx

@@ -5,8 +5,6 @@ import dynamic from 'next/dynamic';
 import type { SSRConfig } from 'next-i18next';
 import React from 'react';
 
-import '../styles/globals.scss';
-import '../styles/askem.scss';
 import { CmsHelperProvider } from '../cmsHelperProvider';
 import { MatomoWrapper } from '../components';
 import type { createAskemInstance } from '../components/askem';