refs 112702: move css to different file

packages/app/src/components/PopUps.module.scss

@@ -0,0 +1,6 @@
+.grw-popups :global {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  width: 280px;
+}

packages/app/src/components/PopUps.tsx

@@ -2,12 +2,12 @@ import { useSWRxQuestionnaireOrders } from '~/stores/questionnaire';
 
 import QuestionnaireToast from './Questionnaire/QuestionnaireToast';
 
+import styles from './PopUps.module.scss';
+
 const PopUps = (): JSX.Element => {
   const { data: questionnaireOrders } = useSWRxQuestionnaireOrders();
 
-  return <div style={{
-    position: 'fixed', bottom: 20, right: 20, width: 280,
-  }}>
+  return <div className={styles['grw-popups']}>
     {questionnaireOrders?.map((questionnaireOrder) => {
       return <QuestionnaireToast questionnaireOrder={questionnaireOrder} key={questionnaireOrder._id}/>;
     })}