Display users (frontend)

[FredrikEH]

EPIC: Dashboard - Student View

Requirements:
A logged in user should be able to see all users in a column list fixed under the search bar. The list of users should display their name and pfp with a button for each user (no inhearant functionality?). The list should be updated based on input from the search field above, so it functions as a display for all users, but also as search result

The design should adhere to the specs presented in Figma:
https://www.figma.com/design/j9QIHvgM0wOVw3xDe9KdWB/My-Copy%3A-Cohort-Manager-app---Designs?node-id=135-15021&node-type=frame

Plan:

1. Create listItem and the list to contain each item.
   Example of listItem

export default function UserItem({
    userItem: { SomeInfoOrSomething }
}) {
    return (
        <li>
			//something which displays the users name
      </li>
    );
}

Example of list

  return (
    <ul>
      {contacts.map((userItem, i) => (
        <UserItem userItem={userItem} key={i} />
      ))}
    </ul>
  );

[amos1969]

Approved