Feature/infinite scroll (#719)

* feat(frontend): ✨ lazy-load all recipes page

* feat(frontend): ✨ enable runtime theme through env-variables

* docs(docs): 📝 update v1 changelog

* bump version

Co-authored-by: Hayden <hay-kot@pm.me>

frontend/utils/icons/icon-type.ts

@@ -0,0 +1,111 @@
+export interface Icon {
+  // Primary
+  primary: String;
+
+  // General
+  foods: String;
+  units: String;
+  alert: String;
+  alertCircle: String;
+  api: String;
+  arrowLeftBold: String;
+  arrowUpDown: String;
+  backupRestore: String;
+  bellAlert: String;
+  broom: String;
+  calendar: String;
+  calendarMinus: String;
+  calendarMultiselect: String;
+  calendarToday: String;
+  calendarWeek: String;
+  calendarWeekBegin: String;
+  cartCheck: String;
+  check: String;
+  checkboxBlankOutline: String;
+  checkboxMarkedCircle: String;
+  clipboardCheck: String;
+  clockOutline: String;
+  codeBraces: String;
+  codeJson: String;
+  cog: String;
+  commentTextMultipleOutline: String;
+  contentCopy: String;
+  database: String;
+  desktopTowerMonitor: String;
+  devTo: String;
+  diceMultiple: String;
+  dotsHorizontal: String;
+  dotsVertical: String;
+  download: String;
+  email: String;
+  externalLink: String;
+  eye: String;
+  eyeOff: String;
+  file: String;
+  fileImage: String;
+  filePDF: String;
+  filter: String;
+  folderOutline: String;
+  food: String;
+  formatColorFill: String;
+  formatListCheck: String;
+  formSelect: String;
+  github: String;
+  heart: String;
+  heartOutline: String;
+  home: String;
+  import: String;
+  information: String;
+  link: String;
+  lock: String;
+  logout: String;
+  menu: String;
+  newBox: String;
+  notificationClearAll: String;
+  openInNew: String;
+  orderAlphabeticalAscending: String;
+  pageLayoutBody: String;
+  printer: String;
+  refreshCircle: String;
+  robot: String;
+  search: String;
+  shareVariant: String;
+  shuffleVariant: String;
+  sort: String;
+  star: String;
+  testTube: String;
+  tools: String;
+  translate: String;
+  upload: String;
+  viewDashboard: String;
+  viewModule: String;
+  weatherNight: String;
+  weatherSunny: String;
+  webhook: String;
+  windowClose: String;
+  zip: String;
+
+  // Crud
+  backArrow: String;
+  createAlt: String;
+  create: String;
+  delete: String;
+  save: String;
+  update: String;
+  edit: String;
+  close: String;
+  minus: String;
+
+  // Organization
+  tags: String;
+  pages: String;
+
+  // Admin
+  user: String;
+  admin: String;
+  group: String;
+  accountPlusOutline: String;
+
+  forward: String;
+  back: String;
+}

frontend/utils/icons/icons.ts

@@ -0,0 +1,211 @@
+import {
+  mdiAccount,
+  mdiSilverwareVariant,
+  mdiPlus,
+  mdiPlusCircle,
+  mdiDelete,
+  mdiContentSave,
+  mdiContentSaveEdit,
+  mdiSquareEditOutline,
+  mdiClose,
+  mdiTagMultipleOutline,
+  mdiBookOutline,
+  mdiAccountCog,
+  mdiAccountGroup,
+  mdiHome,
+  mdiMagnify,
+  mdiTranslate,
+  mdiClockTimeFourOutline,
+  mdiImport,
+  mdiEmail,
+  mdiLock,
+  mdiEye,
+  mdiDrag,
+  mdiEyeOff,
+  mdiCalendarMinus,
+  mdiCalendar,
+  mdiDiceMultiple,
+  mdiAlertCircle,
+  mdiDotsVertical,
+  mdiPrinter,
+  mdiShareVariant,
+  mdiHeart,
+  mdiHeartOutline,
+  mdiDotsHorizontal,
+  mdiCheckboxBlankOutline,
+  mdiCommentTextMultipleOutline,
+  mdiDownload,
+  mdiFile,
+  mdiFilePdfBox,
+  mdiFileImage,
+  mdiCodeJson,
+  mdiCog,
+  mdiSort,
+  mdiOrderAlphabeticalAscending,
+  mdiStar,
+  mdiNewBox,
+  mdiShuffleVariant,
+  mdiAlert,
+  mdiCheckboxMarkedCircle,
+  mdiInformation,
+  mdiBellAlert,
+  mdiRefreshCircle,
+  mdiMenu,
+  mdiWeatherSunny,
+  mdiWeatherNight,
+  mdiLink,
+  mdiRobot,
+  mdiLinkVariant,
+  mdiViewModule,
+  mdiViewDashboard,
+  mdiTools,
+  mdiCalendarWeek,
+  mdiCalendarToday,
+  mdiCalendarMultiselect,
+  mdiFormatListChecks,
+  mdiLogout,
+  mdiContentCopy,
+  mdiClipboardCheck,
+  mdiCloudUpload,
+  mdiDatabase,
+  mdiGithub,
+  mdiFolderOutline,
+  mdiApi,
+  mdiTestTube,
+  mdiDevTo,
+  mdiBackupRestore,
+  mdiNotificationClearAll,
+  mdiFood,
+  mdiWebhook,
+  mdiFilter,
+  mdiAccountPlusOutline,
+  mdiDesktopTowerMonitor,
+  mdiFormatColorFill,
+  mdiFormSelect,
+  mdiPageLayoutBody,
+  mdiCalendarWeekBegin,
+  mdiOpenInNew,
+  mdiCheck,
+  mdiBroom,
+  mdiCartCheck,
+  mdiArrowLeftBold,
+  mdiMinus,
+  mdiWindowClose,
+  mdiFolderZipOutline,
+  mdiFoodApple,
+  mdiBeakerOutline,
+  mdiArrowLeftBoldOutline,
+  mdiArrowRightBoldOutline,
+} from "@mdi/js";
+
+export const icons = {
+  // Primary
+  primary: mdiSilverwareVariant,
+
+  // General
+  foods: mdiFoodApple,
+  units: mdiBeakerOutline,
+  alert: mdiAlert,
+  alertCircle: mdiAlertCircle,
+  api: mdiApi,
+  arrowLeftBold: mdiArrowLeftBold,
+  arrowUpDown: mdiDrag,
+  backupRestore: mdiBackupRestore,
+  bellAlert: mdiBellAlert,
+  broom: mdiBroom,
+  calendar: mdiCalendar,
+  calendarMinus: mdiCalendarMinus,
+  calendarMultiselect: mdiCalendarMultiselect,
+  calendarToday: mdiCalendarToday,
+  calendarWeek: mdiCalendarWeek,
+  calendarWeekBegin: mdiCalendarWeekBegin,
+  cartCheck: mdiCartCheck,
+  check: mdiCheck,
+  checkboxBlankOutline: mdiCheckboxBlankOutline,
+  checkboxMarkedCircle: mdiCheckboxMarkedCircle,
+  clipboardCheck: mdiClipboardCheck,
+  clockOutline: mdiClockTimeFourOutline,
+  codeBraces: mdiCodeJson,
+  codeJson: mdiCodeJson,
+  cog: mdiCog,
+  commentTextMultipleOutline: mdiCommentTextMultipleOutline,
+  contentCopy: mdiContentCopy,
+  database: mdiDatabase,
+  desktopTowerMonitor: mdiDesktopTowerMonitor,
+  devTo: mdiDevTo,
+  diceMultiple: mdiDiceMultiple,
+  dotsHorizontal: mdiDotsHorizontal,
+  dotsVertical: mdiDotsVertical,
+  download: mdiDownload,
+  email: mdiEmail,
+  externalLink: mdiLinkVariant,
+  eye: mdiEye,
+  eyeOff: mdiEyeOff,
+  file: mdiFile,
+  fileImage: mdiFileImage,
+  filePDF: mdiFilePdfBox,
+  filter: mdiFilter,
+  folderOutline: mdiFolderOutline,
+  food: mdiFood,
+  formatColorFill: mdiFormatColorFill,
+  formatListCheck: mdiFormatListChecks,
+  formSelect: mdiFormSelect,
+  github: mdiGithub,
+  heart: mdiHeart,
+  heartOutline: mdiHeartOutline,
+  home: mdiHome,
+  import: mdiImport,
+  information: mdiInformation,
+  link: mdiLink,
+  lock: mdiLock,
+  logout: mdiLogout,
+  menu: mdiMenu,
+  newBox: mdiNewBox,
+  notificationClearAll: mdiNotificationClearAll,
+  openInNew: mdiOpenInNew,
+  orderAlphabeticalAscending: mdiOrderAlphabeticalAscending,
+  pageLayoutBody: mdiPageLayoutBody,
+  printer: mdiPrinter,
+  refreshCircle: mdiRefreshCircle,
+  robot: mdiRobot,
+  search: mdiMagnify,
+  shareVariant: mdiShareVariant,
+  shuffleVariant: mdiShuffleVariant,
+  sort: mdiSort,
+  star: mdiStar,
+  testTube: mdiTestTube,
+  tools: mdiTools,
+  translate: mdiTranslate,
+  upload: mdiCloudUpload,
+  viewDashboard: mdiViewDashboard,
+  viewModule: mdiViewModule,
+  weatherNight: mdiWeatherNight,
+  weatherSunny: mdiWeatherSunny,
+  webhook: mdiWebhook,
+  windowClose: mdiWindowClose,
+  zip: mdiFolderZipOutline,
+
+  // Crud
+  backArrow: mdiArrowLeftBoldOutline,
+  createAlt: mdiPlus,
+  create: mdiPlusCircle,
+  delete: mdiDelete,
+  save: mdiContentSave,
+  update: mdiContentSaveEdit,
+  edit: mdiSquareEditOutline,
+  close: mdiClose,
+  minus: mdiMinus,
+
+  // Organization
+  tags: mdiTagMultipleOutline,
+  pages: mdiBookOutline,
+
+  // Admin
+  user: mdiAccount,
+  admin: mdiAccountCog,
+  group: mdiAccountGroup,
+  accountPlusOutline: mdiAccountPlusOutline,
+
+  forward: mdiArrowRightBoldOutline,
+  back: mdiArrowLeftBoldOutline,
+};

frontend/utils/icons/index.ts

@@ -0,0 +1 @@
+export { icons } from "./icons";