Improve activity dashboard design

[NereusWB922]

Summary:

#232

Type of change:

• ✨ Enhancement

Changes Made:

• Hide the id column of activity dashboard
• Add actor info (avatar and name) to event table
• Make event table height fix and scrollable
• Changed event details display (expanded in table -> dialog)

Screenshots:

Current view

Scrollable

Event details display with dialog

Proposed Commit Message:

Improve activity dashboard design

The ID column in the event table is not useful for the user.

The design of the dashboard is too simple. The event table's height is
not fixed, and the expanded event details might cause the table to be
too long, which is very inconvenient.

To address this, let's hide the ID column, add some information about
the actor, fix the event table height and make it scrollable, and
implement a dialog to display event details.

[damithc]

@NereusWB922 Noticed in passing that the proposed commit message body is not wrapped to the appropriate width.

[NereusWB922]

@NereusWB922 Noticed in passing that the proposed commit message body is not wrapped to the appropriate width.

Updated the commit message. Thank you.

[gycgabriel]

LGTM

I understand this is the starting stages of this dashboard so it's alright, but let's strive to keep future PR sizes smaller
(~100 LoC)