feat(emoji-picker) implement lazy loading to improve initial load/search performance and user experience updates

[sunnydanu]

@CorentinTh
related to: CorentinTh/it-tools#1176

• improved initial load / search performance and user experience of the emoji-picker tool
• lazy loading first 30 emojis for each group for initial page load performance enhancement
• retain previous groups before and after search so the page does not have to reload the entire list again for better search performance feel
• collapsible group headers for easier page navigation / user experience

Before	After
Eagerly loaded the entire list of emojis	Lazy loading implemented to load only the first 30 emojis from each group
Search would remove the list below and then have to reload the entire list again	Search retains previous list so it does not have to reload the entire list for better performance
	Included "Load More" and "Load All" buttons to allow users to view the entire list if desired
	Added collapsible Group Headers for improved navigation on the page
	Enhanced mobile experience by reducing initial loading times and optimizing layout for collapsibility
	Retains all previous functionalities, including search and emoji copy actions

Want this change?

Check it out here: (https://it-tools-eight-gamma.vercel.app/)

You can use my image in your docker-compose file if you want this functionality along with my other additions until the main branch has been updated. view full list of features added in readme

Installation methods

Docker Image	Local Installation
ghcr.io/gitmotion/it-tools:latest	git clone -b gitmotion/main https://github.com/gitmotion/it-tools.git && cd it-tools/ && pnpm i && pnpm dev
replace your current image with this image	copy & paste oneliner (from github repo)
You may need to clear cache and hard reload to get new features loading	Installing packages for the first time may take some time; please wait until it finishes

Note: This PR incorporates contributions from upstream PR-#1374 of CorentinTh/it-tools. All original commits and authorship are retained. Some adjustments may have been made for compatibility or bug fixes.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
godev-run	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 28, 2024 5:26pm