More clean up in how we load js and css files

[frjo]

• Remove unused document-category.js.
• Replaced toggle-payment-block.js with alpine code.
• Load all *media.js|css that needs jQuery in block extra or directly in base.html. Move jQuery back to the bottom of the page.
• Merge application-form-links-new-window.js in to application-form.js.
• Load comment_form.media on submission and project detail templates directly.
• Remove outdated block extras and move block extra css just above block extra js in templates.

Test Steps

• Test all roles dashboards so all needed js and css gets loaded.
• Test submission and project pages so all needed js and css gets loaded.
• Test that all file upload fields, especially in htmx dialog, work as they should.

[frjo]

@theskumar Is this ok, any drawbacks?

Seems to have no ill effect. On many pages there are no "form.media*" but then it just outputs nothing silently.

This is needed on many htmx loaded dialogs etc. Loading it here we make sure it is loaded after jQuery and available when needed.

[theskumar]

I don't see much of an issue. I would suggest wrapping it in a if condition. I probably won't happen, but do check for duplicate rendering, one via the {{ form }} itself or in the inline template and one in the base template.

For the dialog/htmx, the file upload widget and select2 might break, they don't reinitialize if new element is added dynamically.

[wes-otf]

I didn't see any issues in my testing, seems pretty good!

[frjo]

As @theskumar predicted this PR breaks file uploads in htmx dialogs.