ui fix

src/lib/components/BorrowedShare.svelte

@@ -90,7 +90,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
         trigger: 'axis',
         hideDelay: 100, // Set the delay in milliseconds
     },
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left: '2%',
         right: '2%',

src/lib/components/DCF.svelte

@@ -34,7 +34,7 @@ const plotBarChart = () => {
             bottom: '0%',
             containLabel: true,
         },
-        animation: $screenWidth < 640 ? false: true,
+        animation: false,
         silent: true,
         xAxis: {
             type: 'value',

src/lib/components/DarkPool.svelte

@@ -99,7 +99,7 @@ function getPlotOptions() {
         },
     },
     },
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left: '2%',
         right: '2%',

src/lib/components/Enterprise.svelte

@@ -54,7 +54,7 @@ function getPlotOptions() {
 
     const option = {
     silent: true,
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left: $screenWidth < 640 ? '0%' : '2%',
         right: $screenWidth < 640 ? '2%' : '2%',

src/lib/components/FailToDeliver.svelte

@@ -86,7 +86,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
         trigger: 'axis',
         hideDelay: 100, // Set the delay in milliseconds
     },
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left: '2%',
         right: '2%',

src/lib/components/GovernmentContract.svelte

@@ -74,7 +74,7 @@
         trigger: 'axis',
         hideDelay: 100, // Set the delay in milliseconds
     },
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left:'2%',
         right:  $screenWidth < 640 ? '0%' : '2%',

src/lib/components/MarketMaker.svelte

@@ -68,7 +68,7 @@ function getPlotOptions() {
 
   const option = {
   silent: true,
-  animation: $screenWidth < 640 ? false: true,
+  animation: false,
   grid: {
       left: '2%',
       right: '2%',

src/lib/components/OptionsNetFlow.svelte

@@ -59,7 +59,7 @@
         trigger: 'axis',
         hideDelay: 100, // Set the delay in milliseconds
     },
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left: '1%',
         right: $screenWidth < 640 ? '2%' : '0%',

src/lib/components/PriceAnalysis.svelte

@@ -44,7 +44,7 @@ function getPlotOptions() {
 
   const option = {
   silent: true,
-  animation: $screenWidth < 640 ? false: true,
+  animation: false,
   grid: {
     left: $screenWidth < 640 ? '0%' : '2%',
     right: $screenWidth < 640 ? '5%' : '2%',

src/lib/components/RetailVolume.svelte

@@ -92,7 +92,7 @@ function getPlotOptions() {
 
     const option = {
     silent: true,
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left: '0%',
         right: '0%',

src/lib/components/ShareHolders.svelte

@@ -41,7 +41,7 @@ const plotPieChart = () => {
 
 
     const options = {
-        animation: $screenWidth < 640 ? false: true,
+        animation: false,
         grid: {
         left: '0%',
         right: '0%',

src/lib/components/ShareStatistics.svelte

@@ -50,7 +50,7 @@ function getPlotOptions() {
 
     const option = {
     silent: true,
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     grid: {
         left: $screenWidth < 640 ? '1%' : '2%',
         right: $screenWidth < 640 ? '0%' : '2%',

src/routes/options-flow/+page.svelte

@@ -2,7 +2,7 @@
   import { goto } from '$app/navigation';
   import { screenWidth, numberOfUnreadNotification, etfTicker, stockTicker, isOpen } from '$lib/store';
   import notifySound from '$lib/audio/options-flow-reader.mp3';
-  import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
+  //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
   import { abbreviateNumber } from '$lib/utils';
   import { onMount, onDestroy } from 'svelte';
   import toast from 'svelte-french-toast';
@@ -895,10 +895,11 @@ $: {
       
           </div>
 
-
+          <!--
           <div class="relative bottom-[400px] w-fit m-auto flex justify-center items-center">
             <UpgradeToPro data={data} title="Get the recent Options Flow Data from Hedge Funds and major institutional traders to never miss out"/>
           </div>
+          -->
   
          
           {:else}

src/routes/reddit-tracker/+page.svelte

@@ -85,7 +85,7 @@ function getPlotOptions() {
 
   const optionPost = {
     silent: true,
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     tooltip: {
         trigger: 'axis',
         hideDelay: 100, // Set the delay in milliseconds
@@ -144,7 +144,7 @@ function getPlotOptions() {
   
 const optionComment = {
     silent: true,
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     tooltip: {
         trigger: 'axis',
         hideDelay: 100, // Set the delay in milliseconds
@@ -203,7 +203,7 @@ const optionComment = {
   
 const optionCompanySpread = {
     silent: true,
-    animation: $screenWidth < 640 ? false: true,
+    animation: false,
     tooltip: {
         trigger: 'axis',
         hideDelay: 100, // Set the delay in milliseconds