refactor: add test script to package.json and update imports for consistency across song components

Author: tomast1337

apps/frontend/package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint --fix"
+    "lint": "next lint --fix",
+    "test": "jest"
   },
   "dependencies": {
     "@fortawesome/free-brands-svg-icons": "^6.4.2",

apps/frontend/src/modules/my-songs/components/MySongsPage.tsx

@@ -1,5 +1,4 @@
-import { MY_SONGS } from '@nbw/database';
-import { SongPageDtoType, SongsFolder } from '@nbw/database';
+import { MY_SONGS, SongPageDtoType, SongsFolder } from '@nbw/database';
 
 import axiosInstance from '@web/lib/axios';
 

apps/frontend/src/modules/my-songs/components/client/MySongsTable.tsx

@@ -4,8 +4,7 @@ import {
   faChevronRight,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { MY_SONGS } from '@nbw/database';
-import { SongPageDtoType } from '@nbw/database';
+import { MY_SONGS, SongPageDtoType } from '@nbw/database';
 import Image from 'next/image';
 import Link from 'next/link';
 import Skeleton from 'react-loading-skeleton';

apps/frontend/src/modules/my-songs/components/client/context/MySongs.context.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { MY_SONGS } from '@nbw/database';
 import {
+  MY_SONGS,
   SongPageDtoType,
   SongPreviewDtoType,
   SongsFolder,

apps/frontend/src/modules/song-edit/components/client/context/EditSong.context.tsx

@@ -1,9 +1,8 @@
 'use client';
 
 import { zodResolver } from '@hookform/resolvers/zod';
-import { parseSongFromBuffer } from '@nbw/song';
-import { SongFileType } from '@nbw/song';
 import { UploadSongDtoType } from '@nbw/database';
+import { SongFileType, parseSongFromBuffer } from '@nbw/song';
 import { useRouter } from 'next/navigation';
 import { createContext, useCallback, useEffect, useState } from 'react';
 import {

apps/frontend/src/modules/song-upload/components/client/context/UploadSong.context.tsx

@@ -1,10 +1,9 @@
 'use client';
 
 import { zodResolver } from '@hookform/resolvers/zod';
-import { parseSongFromBuffer } from '@nbw/song';
-import { SongFileType } from '@nbw/song';
-import { bgColors } from '@nbw/thumbnail';
 import { ThumbnailConst } from '@nbw/database';
+import { SongFileType, parseSongFromBuffer } from '@nbw/song';
+import { bgColors } from '@nbw/thumbnail';
 import { createContext, useContext, useEffect, useState } from 'react';
 import {
   FieldErrors,

apps/frontend/src/modules/song/components/SongDetails.tsx

@@ -1,7 +1,6 @@
 import { faCheck, faClose } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { UploadConst } from '@nbw/database';
-import { SongViewDtoType } from '@nbw/database';
+import { SongViewDtoType, UploadConst } from '@nbw/database';
 
 import {
   formatDuration,

apps/frontend/src/modules/song/components/SongPage.tsx

@@ -1,5 +1,4 @@
-import { SongPreviewDto } from '@nbw/database';
-import { SongViewDtoType } from '@nbw/database';
+import { SongPreviewDto, SongViewDtoType } from '@nbw/database';
 import { cookies } from 'next/headers';
 import Image from 'next/image';
 

apps/frontend/src/modules/song/components/client/SongForm.tsx

@@ -3,8 +3,7 @@ import {
   faExternalLink,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { UploadConst } from '@nbw/database';
-import { LicenseType } from '@nbw/database';
+import { LicenseType, UploadConst } from '@nbw/database';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 

apps/frontend/src/modules/song/components/client/SongThumbnailInput.tsx

@@ -1,5 +1,5 @@
-import { bgColorsArray } from '@nbw/thumbnail';
 import { ThumbnailConst } from '@nbw/database';
+import { bgColorsArray } from '@nbw/thumbnail';
 import { useMemo } from 'react';
 import { UseFormReturn } from 'react-hook-form';