feat(): update ui-template and add cypress

[christianmemije]

Description

What's included?

• Brings in latest improvements
• Add cypress

Test Steps

• [ ] npm ci
• [ ] update proxy.conf.json, cypress.env.json, and login.json
• [ ] npm run e2e
• [ ] npm run test

Definition of Done

• [ ] Adheres to Covalent, Angular-Material & Material Design patterns
• [ ] All user-facing strings are properly stored in /src/assets/i18n/en-US.json
• [ ] Changes are a11y compliant
• [ ] Responsiveness is handled
• [ ] npm run lint passes (runs tslint, stylelint, prettier)
• [ ] npm run test (unit tests)
• [ ] npm run e2e (e2e tests)
• [ ] npm run build:prod (AOT, product build test)

Animated Gif

[christianmemije]

Pasting the following code so it does not get it lost in case it useful in the future.

#pre-loader .teradata-logo .teradata-logo-letters path,
#pre-loader .teradata-logo .teradata-logo-period {
  stroke-dasharray: 1000;
  stroke-width: 4;
  animation-duration: 1.66s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

#pre-loader .teradata-logo .teradata-logo-letters path,
#pre-loader .teradata-logo .teradata-logo-period {
  animation-name: pre-loader-logo-animation;
}
.dark-theme #pre-loader .teradata-logo .teradata-logo-letters path,
.dark-theme #pre-loader .teradata-logo .teradata-logo-period {
  animation-name: pre-loader-logo-animation;
}
@keyframes pre-loader-logo-animation {
  from {
    stroke-dashoffset: 1000;
    fill: #fff0;
  }
  to {
    stroke-dashoffset: 0;
  }
}