Update requirement files with new feature templates and fix backend API error message, along with mobile project config updates and documentation improvements

03_source/mobile/src/components/NoSavedEvents/index.tsx

@@ -4,8 +4,8 @@ import React, { CSSProperties, useState } from 'react';
 import { connect } from '../../data/connect';
 import { IonIcon, IonLoading } from '@ionic/react';
 import { GridLoader } from 'react-spinners';
-import { alertCircleOutline } from 'ionicons/icons';
-import AlertSvg from './alert-svgrepo-com.svg';
+import { alertCircleOutline, alertOutline } from 'ionicons/icons';
+// import AlertSvg from './alert-svgrepo-com.svg';
 
 interface OwnProps {}
 
@@ -42,7 +42,8 @@ function NoSavedEvents() {
             gap: '3rem',
           }}
         >
-          <div style={{ backgroundImage: `url("${AlertSvg}")`, backgroundSize: 'contain', width: '100px', height: '100px', backgroundPosition: 'center' }}></div>
+          {/* TODO: alert icon modified from svg to IonIcon for build, need fallback */}
+          <IonIcon icon={alertOutline} />
 
           <div
             style={{