refactor: move images to src/assets/images (#1168)

Rather than being dumped in the root directory, which is unusual.

src/auth/registration/AccountChoice.tsx

@@ -12,7 +12,7 @@ import { msg, Trans } from "@lingui/macro";
 import { useLingui } from "@lingui/react";
 import { MessageDescriptor } from "@lingui/core";
 import { useState } from "react";
-import logo from "../../../brave-icon-release-color.svg";
+import logo from "assets/images/brave-icon-release-color.svg";
 import { useTrackMatomoPageView } from "hooks/useTrackWithMatomo";
 import { useIsMobile } from "hooks/useIsMobile";
 import { AuthContainer } from "auth/views/components/AuthContainer";

src/auth/registration/AdvertiserRegistered.tsx

@@ -2,7 +2,7 @@ import { Link, Stack, Typography } from "@mui/material";
 import { useTrackMatomoPageView } from "hooks/useTrackWithMatomo";
 import { Trans } from "@lingui/macro";
 import { AuthContainer } from "auth/views/components/AuthContainer";
-import logo from "../../../brave-icon-release-color.svg";
+import logo from "assets/images/brave-icon-release-color.svg";
 
 export function AdvertiserRegistered() {
   useTrackMatomoPageView({ documentTitle: "Advertiser Registration Complete" });

src/auth/registration/RegistrationContainer.tsx

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
 import { PaddedCardContainer } from "components/Card/PaddedCardContainer";
-import logo from "../../../brave-icon-release-color.svg";
+import logo from "assets/images/brave-icon-release-color.svg";
 import Typography from "@mui/material/Typography";
 import { Trans } from "@lingui/macro";
 import { PrivacyPolicy } from "basic-attention-token/PrivacyPolicy";

src/auth/views/LandingPage.tsx

@@ -1,7 +1,7 @@
 import { Background } from "components/Background/Background";
 import { LandingPageAppBar } from "components/AppBar/LandingPageAppBar";
 import { Box, Button, Link, Stack, Toolbar, Typography } from "@mui/material";
-import benefits from "../../../ad-benefits.svg";
+import benefits from "assets/images/ad-benefits.svg";
 import { useIsAuthenticated } from "auth/hooks/queries/useIsAuthenticated";
 import { Link as RouterLink } from "react-router-dom";
 import { useIsMobile } from "hooks/useIsMobile";

src/auth/views/MobileAdsBenefits.tsx

@@ -1,8 +1,8 @@
 import { Card, CardMedia, List, ListItem, Typography } from "@mui/material";
 
-import allSizes from "../../../all_sizes_frame.svg";
-import powerfulFormats from "../../../powerful_format_frame.svg";
-import privacyFocused from "../../../privacy_focused_frame.svg";
+import allSizes from "assets/images/all_sizes_frame.svg";
+import powerfulFormats from "assets/images/powerful_format_frame.svg";
+import privacyFocused from "assets/images/privacy_focused_frame.svg";
 import { msg } from "@lingui/macro";
 import { MessageDescriptor } from "@lingui/core";
 import { Trans } from "@lingui/react";

src/basic-attention-token/BasicAttentionTokenLandingPage.tsx

@@ -7,9 +7,9 @@ import { Background } from "components/Background/Background";
 import { LandingPageAppBar } from "components/AppBar/LandingPageAppBar";
 import { Box, Button, Link, Stack, Toolbar, Typography } from "@mui/material";
 import { Link as RouterLink } from "react-router-dom";
-import notification from "../../newsfeed.png";
-import mobileAd from "../../news-mobile.png";
-import bat from "../../basic-attention-token.svg";
+import notification from "assets/images/newsfeed.png";
+import mobileAd from "assets/images/news-mobile.png";
+import bat from "assets/images/basic-attention-token.svg";
 import { Trans } from "@lingui/macro";
 
 export function BasicAttentionTokenLandingPage() {

src/components/AppBar/LandingPageAppBar.tsx

@@ -7,7 +7,7 @@ import {
   Toolbar,
   Typography,
 } from "@mui/material";
-import ads from "../../../logo.svg";
+import ads from "assets/images/logo.svg";
 import { Link as RouterLink, useRouteMatch } from "react-router-dom";
 import { useIsAuthenticated } from "auth/hooks/queries/useIsAuthenticated";
 import { useSignOut } from "auth/hooks/mutations/useSignOut";

src/components/Background/Background.tsx

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
-import gradient from "../../../darker-gradient.svg";
+import gradient from "assets/images/darker-gradient.svg";
 import { Container } from "@mui/material";
 import { useIsMobile } from "hooks/useIsMobile";
 

src/components/Creatives/NotificationPreview.tsx

@@ -1,5 +1,5 @@
 import { Box, Paper, Stack, Typography } from "@mui/material";
-import logo from "../../../brave_logo_icon.png";
+import logo from "assets/images/brave_logo_icon.png";
 import { useField, useFormikContext } from "formik";
 import { CreativeInput } from "graphql/types";
 import { Trans } from "@lingui/macro";

src/components/Navigation/Navbar.tsx

@@ -1,7 +1,7 @@
 import { AppBar, Button, Divider, Stack, Toolbar } from "@mui/material";
 
 import { DraftMenu } from "components/Navigation/DraftMenu";
-import ads from "../../../logo.svg";
+import ads from "assets/images/logo.svg";
 import { useAdvertiser } from "auth/hooks/queries/useAdvertiser";
 import { useSignOut } from "auth/hooks/mutations/useSignOut";
 import { NewCampaignButton } from "components/Navigation/NewCampaignButton";