Fix: add 404 page (#1230)

* add 404 page

* add not found wildacard path to apppath

* rename styled components

* add theme blur and background color

* change backgrounf to transparent secondary

front/src/App.tsx

@@ -20,6 +20,8 @@ import { SettingsWorkspaceMembers } from '~/pages/settings/SettingsWorkspaceMemb
 import { Tasks } from '~/pages/tasks/Tasks';
 import { AppInternalHooks } from '~/sync-hooks/AppInternalHooks';
 
+import { NotFound } from './NotFound';
+
 // TEMP FEATURE FLAG FOR VIEW FIELDS
 export const ACTIVATE_VIEW_FIELDS = true;
 
@@ -67,6 +69,7 @@ export function App() {
               </Routes>
             }
           />
+          <Route path={AppPath.NotFoundWildcard} element={<NotFound />} />
         </Routes>
       </DefaultLayout>
     </>