chore(deps): bump all (#294)

frontend/src/components/AuthApiTokens.tsx

@@ -13,7 +13,7 @@ export const AuthApiTokens: React.FC = () => {
   const { apiTokens, isLoading, createToken, revokeToken } = useApiTokens();
   const sortedTokens = useMemo(
     () => apiTokens.sort((a, b) => (a.createdAt > b.createdAt ? -1 : 1)),
-    [apiTokens]
+    [apiTokens],
   );
 
   requireUser();
@@ -97,7 +97,7 @@ const NewTokenForm: React.FC<{
       createToken,
       setNewToken,
       setNewTokenDescription,
-    ]
+    ],
   );
 
   return (

frontend/src/components/RecentListens.tsx

@@ -111,7 +111,7 @@ const Pagination: React.FC<{
           >
             ...
           </div>
-        )
+        ),
       )}
       <button
         className={`${

frontend/src/components/ReportListens.tsx

@@ -23,7 +23,7 @@ export const ReportListens: React.FC = () => {
   const { requireUser } = useAuthProtection();
 
   const [timeFrame, setTimeFrame] = useState<"day" | "week" | "month" | "year">(
-    "day"
+    "day",
   );
 
   const [timeOptions, setTimeOptions] = useState<TimeOptions>({
@@ -34,7 +34,7 @@ export const ReportListens: React.FC = () => {
 
   const reportOptions = useMemo(
     () => ({ timeFrame, time: timeOptions }),
-    [timeFrame, timeOptions]
+    [timeFrame, timeOptions],
   );
 
   const { report, isLoading } = useListensReport(reportOptions);
@@ -59,7 +59,7 @@ export const ReportListens: React.FC = () => {
                 className="block appearance-none min-w-full md:win-w-0 md:w-1/4 bg-white dark:bg-gray-700 border border-gray-400 hover:border-gray-500 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:text-gray-200 p-2 rounded shadow leading-tight focus:outline-none focus:ring"
                 onChange={(e) =>
                   setTimeFrame(
-                    e.target.value as "day" | "week" | "month" | "year"
+                    e.target.value as "day" | "week" | "month" | "year",
                   )
                 }
               >
@@ -163,7 +163,7 @@ const ReportGraph: React.FC<{
 };
 
 const shortDateFormatFromTimeFrame = (
-  timeFrame: "day" | "week" | "month" | "year"
+  timeFrame: "day" | "week" | "month" | "year",
 ): string => {
   const FORMAT_DAY = "P";
   const FORMAT_WEEK = "'Week' w yyyy";
@@ -186,7 +186,7 @@ const shortDateFormatFromTimeFrame = (
 };
 
 const dateFormatFromTimeFrame = (
-  timeFrame: "day" | "week" | "month" | "year"
+  timeFrame: "day" | "week" | "month" | "year",
 ): string => {
   const FORMAT_DAY = "PPPP";
   const FORMAT_WEEK = "'Week starting on' PPPP";

frontend/src/components/ReportTopAlbums.tsx

@@ -22,7 +22,7 @@ export const ReportTopAlbums: React.FC = () => {
     () => ({
       time: timeOptions,
     }),
-    [timeOptions]
+    [timeOptions],
   );
 
   const { topAlbums, isLoading } = useTopAlbums(options);

frontend/src/components/ReportTopArtists.tsx

@@ -21,7 +21,7 @@ export const ReportTopArtists: React.FC = () => {
     () => ({
       time: timeOptions,
     }),
-    [timeOptions]
+    [timeOptions],
   );
 
   const { topArtists, isLoading } = useTopArtists(options);

frontend/src/components/ReportTopGenres.tsx

@@ -25,7 +25,7 @@ export const ReportTopGenres: React.FC = () => {
     () => ({
       time: timeOptions,
     }),
-    [timeOptions]
+    [timeOptions],
   );
 
   const { topGenres, isLoading } = useTopGenres(options);

frontend/src/components/ReportTopTracks.tsx

@@ -22,7 +22,7 @@ export const ReportTopTracks: React.FC = () => {
     () => ({
       time: timeOptions,
     }),
-    [timeOptions]
+    [timeOptions],
   );
 
   const { topTracks, isLoading } = useTopTracks(options);