move resources around

app/components/AlbumArt.tsx

@@ -19,7 +19,7 @@ const AlbumArt: React.FC<AlbumArtProps> = ({ id, height, width }) => {
   const Placeholder = () => (
     <LinearGradient colors={[colors.accent, colors.accentLow]}>
       <FastImage
-        source={require('../../res/record.png')}
+        source={require('@res/icons/record.png')}
         style={{ height, width }}
         resizeMode={FastImage.resizeMode.contain}
       />

app/components/ArtistArt.tsx

@@ -131,7 +131,7 @@ const NoneUp: React.FC<ArtistArtSizeProps> = ({ height, width }) => {
   return (
     <PlaceholderContainer height={height} width={width}>
       <FastImage
-        source={require('../../res/mic_on-fill.png')}
+        source={require('@res/icons/mic_on-fill.png')}
         style={{
           height: height - height / 4,
           width: width - width / 4,

app/navigation/BottomTabBar.tsx

@@ -8,20 +8,20 @@ import NowPlayingBar from '@app/components/NowPlayingBar'
 
 const icons: { [key: string]: any } = {
   home: {
-    regular: require('../../res/home.png'),
-    fill: require('../../res/home-fill.png'),
+    regular: require('@res/icons/home.png'),
+    fill: require('@res/icons/home-fill.png'),
   },
   library: {
-    regular: require('../../res/library.png'),
-    fill: require('../../res/library-fill.png'),
+    regular: require('@res/icons/library.png'),
+    fill: require('@res/icons/library-fill.png'),
   },
   search: {
-    regular: require('../../res/search.png'),
-    fill: require('../../res/search-fill.png'),
+    regular: require('@res/icons/search.png'),
+    fill: require('@res/icons/search-fill.png'),
   },
   settings: {
-    regular: require('../../res/settings.png'),
-    fill: require('../../res/settings-fill.png'),
+    regular: require('@res/icons/settings.png'),
+    fill: require('@res/icons/settings-fill.png'),
   },
 }