Add homepage customization options for user

[Lissy93]

Enchancements to make the app more customizable and user-friendly for the user.

TL;DR: Alternate homepage layouts. Keyboard shortcuts. Customize branding on self-hosted. Performance improvments.

---

Homepage

• The (default) homepage now shows tools split into categories
• Under settings, the user can choose an alternate homepage layout
  • Tiles - Just a tile for each tool (this is what it used to be)
  • List - A plaintext vertical hiearcial list of all pages (similar to sitemap)
  • Notihng - Literally just a blank page (since all tools can be accessed via Ctrl + K)
  • Carasouel - Not sure what the point of this one is, I just thought it looked pretty
  • Small icons - Again, it's just a icon for each tool in a big grid

Keyboard Shortcuts

• Implemented Ctrl + 0-9 for jumping to bookmarked tools
• Added Ctrl + / to show a dialog of all shortcuts
• Improved performance of
  • Ctrl + M - Toggles menu
  • Ctrl + H - Jumps to homepage
  • Ctrl + , - Opens settings
  • Ctrl + B - Shows bookmarks

Set Defaults on Deploy

• Added abbility for self-hosted users to customize the site meta
  • NTB_SITE_NAME - Change sitename
  • NTB_SITE_DESCRIPTION - Change site tagline
  • NTB_SITE_ICON - Set site icon
  • NTB_HOMEPAGE_LAYOUT - Set homepage layout
  • NTB_NAVBAR_DISPLAY - Set navbar display option
  • NTB_DEFAULT_THEME - Set default theme
  • NTB_DEFAULT_LANGUAGE - Set default lang

Misc

• Added a QuickTips component, shown on first-visit

Performance

• Pre-computes tools list server-side
• Lazy-loads alternate home views
• Memoizes expensive compute opperations

Repo stuff

• Updated lint config, with something or other
• Added npm run hold-my-beer because I got bored of running multiple pre-commit commands
• Bumped version to 1.2.0

[netlify]

✅ Deploy Preview for networking-toolbox ready!

Name	Link
🔨 Latest commit	3ae442f
🔍 Latest deploy log	https://app.netlify.com/projects/networking-toolbox/deploys/68ec06594117750008e1f412
😎 Deploy Preview	https://deploy-preview-9--networking-toolbox.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.