Implement loading animation of ScholarX archive page

[janithlahirukariyawasam]

Purpose

The purpose of this PR is to fix #1549

Goals

The goal of this PR is to implement ScholarX archive loading animation

Approach

Screenshots

Preview Link

https://pr-1550-sef-site.surge.sh/scholarx/archive/

Checklist

• [x] I have read and understood the development best practices guidelines
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas

Related PRs

## Learning

[janithlahirukariyawasam]

@anjula-sack can you review this?