Add support for avatar rewards ( + fix date overlapping with title)

[An0n3m0us]

Closes #200

• Fix date overlapping with title
• Add support for avatar rewards (thumbnail, content)
• Fix URL for avatar rewards (uses me instead of KAID or username which interrupts redirect)

[JettBurns14]

Could you include screenshots/pasted HTML from the popup notifications before and after this fix? Also, could you check if these notifications have content values or not in the API request the extension sends? That'll give me more context.

[An0n3m0us]

Could you include screenshots/pasted HTML from the popup notifications before and after this fix? Also, could you check if these notifications have content values or not in the API request the extension sends? That'll give me more context.

Oh, you're completely correct; I forgot to test this without the extension.

It's missing a lot from the notifications API.
I'll try and continue work on this soon.

[JettBurns14]

I'll see about getting my local extension running again and testing your fix, and possibly adding my own. I'll probably be on the KAE Discord tomorrow if you want to talk details there. Thanks for contributing!

[An0n3m0us]

Could you include screenshots/pasted HTML from the popup notifications before and after this fix?

I couldn't work out how to do it first, but here it is xD

CURRENT <--- ---> NEW

(This is for the two avatar rewards shown in the screenshot in the original post)

[An0n3m0us]

There is a small issue;
The URL needs to be modified for the rewards notification.

Lets take the Hopper reward notification shown in the original post.
In the API entry, the URL is like this:
/profile/me?show_avatar_customizer=1&selected_avatar_part=hopper_jumping_style

But using /me does not seem to redirect to the badge as it's busy redirecting to the users profile.
So the original redirect is ignored.

Instead, using either the KAID or username will work.
Code for this should be added to the href item in the NotifElm object.

Unfortunately I cannot seem to use notif.url.replace to replace the me part with notif.kaid.

[An0n3m0us]

I have managed to fix it now, but I got this error on the first build:

ERROR in ./src/popup.ts
./src/popup.ts
[tsl] ERROR in ./src/popup.ts(139,97)
      TS2532: Object is possibly 'undefined'.

But after running the build command again the error does not show.
So is the error existent or not?

EDIT: Nevermind; I worked out what was causing the error.

The redirect link is fixed now.

[JettBurns14]

Very cool! I won't be on Discord today after all, got busy, but likely will tomorrow, and will see about testing this change then.

[An0n3m0us]

No problem! I would not be available anyway as Europe is 6-8 hours ahead of Central Time.
But if there are any details I need information on, I guess I can just post in DM/general chat and await your reply.

[An0n3m0us]

Could you include screenshots/pasted HTML from the popup notifications before and after this fix?

#201 (comment)

Also, could you check if these notifications have content values or not in the API request the extension sends?

It seems not. Here are the API entries for the notifications that I have shown in the original post:
https://www.dropbox.com/s/jjwog2mkl53kkhx/notifications.json?dl=0

[JettBurns14]

@An0n3m0us Looks good to me. It'd probably be easier if I merge this before #211, then you update that branch accordingly. Sound good?