fix: pagination loading style updated

[VinayakVispute]

Issue #118 📐

• I VinayakVispute have worked for [BUG 🐞] Implement Loading Component to Enhance Page Refresh Experience ⏳🔁 #118

Description 🔐

In this pull request, I've made a specific change in pagination.jsx to address the following issues:

• Updated the loading style for pagination componenets by added styling class named centreDiv .

The modified code in pagination.jsx is as follows :

**From : **

<Root className={classes.root}>
			{!isLoading && (
				<Paper className={`${classes.paperLight} ${mode === 'light' ? classes.paperLight : classes.paperDark}`} elevation={6}>
					<Pagination className={classes.pagination} classes={{ ul: classes.ul }} count={numberOfPages} page={Number(page) || 1} variant="outlined" color="primary" renderItem={(item) => <PaginationItem className={classes.eachPage} {...item} component={Link} to={`/posts?page=${item.page}`} />} />
				</Paper>
			)}
		</Root>

**To: **

<Paper className={`${classes.paperLight} ${mode === 'light' ? classes.paperLight : classes.paperDark}`} elevation={6}>
				{isLoading ? (
					<div className={`${classes.centerDiv}`}>
						<CircularProgress size="1rem" />
					</div>
				) : (
					<Pagination className={classes.pagination} classes={{ ul: classes.ul }} count={numberOfPages} page={Number(page) || 1} variant="outlined" color="primary" renderItem={(item) => <PaginationItem className={classes.eachPage} {...item} component={Link} to={`/posts?page=${item.page}`} />} />
				)}
			</Paper>

2. Add this style class for centering the loading element :

	[`& .${classes.centerDiv}`]: {
		display: 'flex',
		justifyContent: 'center',
		alignItems: 'center',
	},

Guidelines 🔐

I accept the fact that I have followed the guidelines and have not copied the codes from around the internet

• Contribution Guidelines
• Code of Conduct

Issue to be closed 🛅

• My pull request closes [BUG 🐞] Implement Loading Component to Enhance Page Refresh Experience ⏳🔁 #118

Screenshots 📷

screen-capture.7.webm

---

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @warmachine028 on Vercel.

@warmachine028 first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
memories	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 18, 2023 3:14pm
memories-server	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 18, 2023 3:14pm

[github-actions]

Hello @VinayakVispute, thank you for raising a pull request.

Please make sure you have filled the PR template properly and followed our contributing guidelines.

[VinayakVispute]

@warmachine028 Buddy Please Review the PR