user info redesign/redevelop and add dark theme

[akellbl4]

Resolves #920

• remove dropdown on user name in login block
• open user info by click on user name
• replace Logout with icon
• remove label in login block
• move Request my data removal to user info
• add additional logout button in user info
• implement empty state
• write tests
• add Hide user comments to user info (changing logic is needed for using in another place)

---

The size of the styles increased because default styles were moved from HTML to CSS.

[github-actions]

size-limit report 📦

Path	Size
public/embed.mjs	1.9 KB (-14.91% 🔽)
public/remark.mjs	66.19 KB (+1.35% 🔺)
public/remark.css	9.42 KB (+8.51% 🔺)
public/last-comments.mjs	30.14 KB (+0.2% 🔺)
public/last-comments.css	5.06 KB (+2.05% 🔺)
public/deleteme.mjs	9.79 KB (0%)
public/counter.mjs	601 B (0%)

[codecov]

Codecov Report

Merging #1018 (ca6bad4) into master (36840ed) will increase coverage by 3.21%.
The diff coverage is 52.99%.

@@            Coverage Diff             @@
##           master    #1018      +/-   ##
==========================================
+ Coverage   44.16%   47.38%   +3.21%     
==========================================
  Files         126      134       +8     
  Lines        2907     2942      +35     
  Branches      654      658       +4     
==========================================
+ Hits         1284     1394     +110     
+ Misses       1610     1538      -72     
+ Partials       13       10       -3     

Impacted Files	Coverage Δ
frontend/app/common/types.ts	100.00% <ø> (ø)
frontend/app/components/auth-panel/index.ts	0.00% <ø> (ø)
frontend/app/components/auth/auth.messsages.ts	100.00% <ø> (ø)
...end/app/components/list-comments/list-comments.tsx	0.00% <ø> (ø)
frontend/app/components/profile/index.ts	0.00% <0.00%> (ø)
frontend/app/components/root/root.tsx	0.00% <0.00%> (ø)
frontend/app/components/verified.tsx	0.00% <0.00%> (ø)
frontend/app/embed.ts	0.00% <0.00%> (ø)
frontend/app/profile.ts	0.00% <0.00%> (ø)
frontend/app/remark.tsx	0.00% <0.00%> (ø)
... and 45 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update c5e3ea8...ca6bad4. Read the comment docs.

[paskal]

make rundev under M1:

<there was long error>
------
executor failed running [/bin/sh -c cd /srv/frontend &&     if [ -z "$SKIP_FRONTEND_TEST" ] ; then npx run-p lint test check;     else echo "skip frontend tests and lint" ; npm run build ; fi &&     rm -rf ./node_modules]: exit code: 1
ERROR: Service 'remark42' failed to build : Build failed
make: *** [rundev] Error 1

[akellbl4]

@paskal it was typo, just fixed

[paskal]

LGTM, it works and looks neat.

[akellbl4]

@paskal thank you for the review. I'm not sure if you checked the right part of the ui. I've added screenshots. Sorry I had to do it in the first place.

User's profile:

Own profile:

Empty state:

[Mavrin]

👍