Chore: (ehdotus) Järjestetään importit automaattisesti

[niemisami]

Järjestellään ja ryhmitellään importit automaattisesti:

1. react/next/paketit
2. @/ -prefixillä olevat omat tiedostot sekä relatiiviset importit

Tähän asti ei ole varmasti pystytty erottelemaan mitkä importit ovat ns. "omia" ja mitkä node_moduleista, koska importeissa ei ollut mitään prefixiä e.g. import Hero from 'components/hero'; nyt -> import Hero from '@/components/hero';. Tuota @/`-prefixiä on näkynyt paljon uusissa js-kirjastoissa ja siks valitsin sen. Vaatii ehkä vähän tottumista, mutta vscode osaa importella itsestään, joten eipä sillä väliä 🙃

Tosiaan täysin lonkalta heitetty ehdotelma eikä pakollista missään nimessä; jaaa sisältää muutoksia vain aivan jokaiseen tiedostoon 😅

[niemisami]

Esimerkki miten toimii player.tsx tiedostosta:

// VANHA
import Image from 'next/image';
import { useEffect, useState } from 'react';
import { format } from 'date-fns';

import testcard from '../public/testcard.webp';
import placeholderImage from '../public/kuva_puuttuu_v2.jpeg';
import useShoutBoxAndVideo from 'hooks/useShoutboxAndVideo';
import { FiPause, FiPlay, FiMessageSquare, FiVideo } from 'react-icons/fi';
import { Show } from 'scripts/google/showlistHelpers';

// UUSI
import { useEffect, useState } from 'react';
import { FiMessageSquare, FiPause, FiPlay, FiVideo } from 'react-icons/fi';
import Image from 'next/image';
import { format } from 'date-fns';

import useShoutBoxAndVideo from '@/hooks/useShoutboxAndVideo';
import { Show } from '@/scripts/google/showlistHelpers';
import placeholderImage from '../public/kuva_puuttuu_v2.jpeg';
import testcard from '../public/testcard.webp';