feat: add snoozed reminder popup flow, enable soft lock when required

[arjita-mitra]

Description

Show this popup when user performs either of these actions

1. Remind me later to Get Certificate
2. Cancel something went wrong error popup

Screenshots/Screencast (for UI changes)

Checklist

• PR has been self reviewed by the author;
• Hard-to-understand areas of the code have been commented;
• If it is a core feature, unit tests have been added;

Important details for the reviewers

(Delete this section if unnecessary)

• use (x) data
• can be reviewed commit-by-commit
• be sure to look at ...

[codecov]

Codecov Report

Attention: 136 lines in your changes are missing coverage. Please review.

Comparison is base (1101f43) 45.43% compared to head (12af0dc) 45.37%.
Report is 56 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev   #16419      +/-   ##
==========================================
- Coverage   45.43%   45.37%   -0.06%     
==========================================
  Files         740      740              
  Lines       24212    24273      +61     
  Branches     5502     5520      +18     
==========================================
+ Hits        11000    11015      +15     
- Misses      11800    11838      +38     
- Partials     1412     1420       +8     

[atomrc]

hmmm what is this svg? Don't we have this in our icon library already? Feels a little weird to be hardcoded here

[arjita-mitra]

this is the green shield. I have found MLSVerified component in web-packages being used. My SVG isn't exactly same though. The height and width is also hard coded in the ui-kit MLSVerified component.

import {SVGIcon, SVGIconProps} from './SVGIcon';

export const MLSVerified = (props: SVGIconProps) => (
  <SVGIcon realWidth={16} realHeight={16} {...props}>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15 8V1.87197L8 0L1 2V8C1 12 4.00718 15.0977 8 16C12.0344 15.0977 15 12 15 8ZM13 5.34572L6.85214 12L3 7.84605L4.23094 6.50033L6.85214 9.30856L11.7691 4L13 5.34572Z"
      fill="#1D7833"
    />
  </SVGIcon>
);

[arjita-mitra]