## Description

When importing the TitleBar component in a NextJS app utilizing Server Side Rendering, it will produce an error that "useEffect" can only be run on the client side.

## Additional context

Looks like this component was overlooked from the 1.4.2 release that added the 'use client' directive to components using useEffect.


Minerva 1.5.0

TitleBar doesn't work with SSR

## Description

When building an app with NextJS, pulling in Minerva as a library, the terminal provides this warning and references line 1687.

## Expected behavior

Minerva should not create any terminal warnings or errors

## Screenshots

![Image](https://github.com/user-attachments/assets/10cfce9c-a174-45b0-b1d7-4e04ccec8cf6)

## Additional context

The offending line seems to be from this block of CSS:

```scss
#{$scope} .ua_event {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: #{space('flow')};
  background-color: #{color('background', 'element')};
  align-content: start;
}
```

Source: https://github.com/UA-Stratcom/minerva/blob/dev/src/components/Event/index.scss#L13

autoprefixer: start value has mixed support, consider using flex-start instead

Reported by Heather Baker on the web forum (heather.a.baker@ua.edu)

## Description

Are there any plans to update (or include alternate colors via classes) duotone colors for font awesome icons with numbers or symbols in them? Some of our departments requested to use link boxes with icons instead of steps blocks, but the [number icons](https://fontawesome.com/search?o=r&c=numbers&s=solid&ip=duotone) with circles or squares around them end up with insufficient color contrast due to the current red text on red background duotone colors. (Attached is an example of the different styles of font awesome numbers in duotone.)

## Screenshots

![image](https://github.com/user-attachments/assets/8ff7edd0-914b-4fcd-8627-d6562fbc5fd8)


An issue related to an accessibility concern

Known Issues

Fixed on dev

Open Issues