chore: clean components and remove unused components

.env.development

@@ -22,7 +22,4 @@ NEXT_PUBLIC_LIFI_API_KEY=
 NEXT_PUBLIC_JUMPER_API=http://localhost:3001
 NEXT_REVALIDATION_SECRET=
 NEXT_PUBLIC_SOLANA_RPC_URI=https://api.devnet.solana.com
-WASH_HANDSHAKE=
-NEXT_PUBLIC_ROYCO_URL=https://istbjtfzjcnstpzunkje.supabase.co
-NEXT_PUBLIC_ROYCO_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImlzdGJqdGZ6amNuc3RwenVua2plIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTUwOTk4NDYsImV4cCI6MjAzMDY3NTg0Nn0.1OCizFgWEFXQUeVnQ0NavmTaq0RxYaiJUL2zhlrPDQw
-NEXT_PUBLIC_ROYCO_ID=0df46115-3ae5-423c-abe7-7d17327aed73
+WASH_HANDSHAKE=

.env.localhost

@@ -22,6 +22,3 @@ NEXT_PUBLIC_JUMPER_API=http://localhost:3001
 NEXT_REVALIDATION_SECRET=
 NEXT_PUBLIC_SOLANA_RPC_URI=https://api.devnet.solana.com
 WASH_HANDSHAKE=secure-key
-NEXT_PUBLIC_ROYCO_URL=https://istbjtfzjcnstpzunkje.supabase.co
-NEXT_PUBLIC_ROYCO_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImlzdGJqdGZ6amNuc3RwenVua2plIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTUwOTk4NDYsImV4cCI6MjAzMDY3NTg0Nn0.1OCizFgWEFXQUeVnQ0NavmTaq0RxYaiJUL2zhlrPDQw
-NEXT_PUBLIC_ROYCO_ID=0df46115-3ae5-423c-abe7-7d17327aed73

src/components/Berachain/BerachainExploreProtocol.tsx

@@ -7,11 +7,11 @@ import {
   BerachainBackButton,
   BerachainContentContainer as Container,
 } from './Berachain.style';
-import { BerachainProtocolAction } from './components/BerachainProtocolAction/BerachainProtocolAction';
 import { useEnrichedMarkets } from 'royco/hooks';
 import { notFound } from 'next/navigation';
 import { useBerachainMarkets } from '@/components/Berachain/hooks/useBerachainMarkets';
 import { EnrichedMarketDataType } from 'royco/queries';
+import { BerachainProtocolInformation } from './components/BerachainProtocolInformation/BerachainProtocolInformation';
 
 interface BerachainExploreProtocolProps {
   marketId: string;
@@ -42,7 +42,7 @@ export const BerachainExploreProtocol = ({
             <Typography variant="bodySmallStrong">Explore Berachain</Typography>
           </BerachainBackButton>
         </Link>
-        <BerachainProtocolAction />
+        <BerachainProtocolInformation />
       </Container>
     );
   }
@@ -65,7 +65,7 @@ export const BerachainExploreProtocol = ({
         </BerachainBackButton>
       </Link>
       {/* {card &&  */}
-      <BerachainProtocolAction
+      <BerachainProtocolInformation
         market={roycoDataMarket}
         card={card ?? undefined}
       />

src/components/Berachain/BerachainType.ts

@@ -0,0 +1,21 @@
+export interface BerachainIncentiveToken {
+  id: string;
+  chain_id: number;
+  contract_address: string;
+  name: string;
+  symbol: string;
+  image: string;
+  decimals: number;
+  source: string;
+  search_id: string;
+  type: string;
+  raw_amount: string;
+  token_amount: number;
+  token_amount_usd: number;
+  price: number;
+  fdv: number;
+  total_supply: number;
+  annual_change_ratio: number;
+  per_input_token: number;
+  token_rate: number;
+}

src/components/Berachain/components/BerachainMarketCard/BerachainMarketCard.style.ts

@@ -39,6 +39,7 @@ export const BerachainMarketCardHeader = styled(Box)(({ theme }) => ({
   justifyContent: 'space-between',
   gap: theme.spacing(1.5),
   height: 48,
+  width: '100%',
 }));
 
 export const BerchainMarketCardInfos = styled(Box)(({ theme }) => ({

src/components/Berachain/components/BerachainMarketCard/BerachainMarketCard.tsx

@@ -100,6 +100,7 @@ export const BerachainMarketCard = ({
               display: 'flex',
               flexDirection: 'row',
               justifyContent: 'flex-start',
+              alignItems: 'center',
               gap: '8px',
             }}
           >

src/components/Berachain/components/BerachainMarketCard/StatCard/BerachainProgressCard.tsx

@@ -6,7 +6,7 @@ import {
   BeraChainProgressCardComponent,
   BeraChainProgressCardContent,
   BeraChainProgressCardHeader,
-} from '../BerachainMarketCard/StatCard/BerachainProgressCard.style';
+} from './BerachainProgressCard.style';
 import { useTranslation } from 'react-i18next';
 
 interface BerachainProgressCardProps {

src/components/Berachain/components/BerachainMarketCard/StatCard/TokenIncentivesCard.tsx

@@ -7,10 +7,11 @@ import {
   BeraChainProgressCardHeader,
 } from './BerachainProgressCard.style';
 import TooltipIncentives from '../../BerachainWidget/TooltipIncentives';
+import { BerachainIncentiveToken } from 'src/components/Berachain/BerachainType';
 
 interface DigitCardProps {
   marketData: EnrichedMarketDataType;
-  tokens: any;
+  tokens: BerachainIncentiveToken[];
 }
 
 const TokenIncentivesCard = ({ marketData, tokens }: DigitCardProps) => {
@@ -67,7 +68,7 @@ const TokenIncentivesCard = ({ marketData, tokens }: DigitCardProps) => {
                 gap: '16px',
               }}
             >
-              {tokens?.map((incentiveTokenData: any) => (
+              {tokens?.map((incentiveTokenData: BerachainIncentiveToken) => (
                 <Box
                   sx={{
                     display: 'flex',