implemented identity, updated session, added 'workings' list

added paginated querying, added 'common'

app/client/components/WorkingProgressStatusBadge.tsx

@@ -0,0 +1,37 @@
+import { Badge, Box, Icon, Stack, Text } from '@chakra-ui/react';
+import { WorkingProgressStatus } from '@generated/types';
+import {
+  assertUnreachable,
+  toBgColorByProgressStatus,
+  toWorkingProgressStatusLabel
+} from '../helpers';
+
+export function WorkingProgressStatusBadge({
+  progressStatus
+}: {
+  progressStatus: WorkingProgressStatus;
+}) {
+  return (
+    <Box flex={1} justifyContent="center" alignItems="center">
+      <Badge
+        variant="solid"
+        backgroundColor={toBgColorByProgressStatus(progressStatus)}
+        size={'lg'}
+      >
+        <Stack direction="row">
+          <Icon fontSize="xl">
+            <i className={`${toWorkingProgressStatusIcon(progressStatus)}`} />
+          </Icon>
+          <Text>{toWorkingProgressStatusLabel(progressStatus)}</Text>
+        </Stack>
+      </Badge>
+    </Box>
+  );
+}
+
+function toWorkingProgressStatusIcon(value: WorkingProgressStatus): string {
+  if (value === WorkingProgressStatus.InProgress) return 'nf nf-fa-clock';
+  if (value === WorkingProgressStatus.Frozen) return 'nf nf-fa-snowflake';
+  if (value === WorkingProgressStatus.Finished) return 'nf nf-fa-circle_check';
+  assertUnreachable(value);
+}