Fix console warnings for www (#41824)

* Fix console warnings for www

* Remove debug text from PricingComputeSection (#41829)

* Initial plan

* Remove debug text from PricingComputeSection

Co-authored-by: MildTomato <8291514+MildTomato@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: MildTomato <8291514+MildTomato@users.noreply.github.com>

---------

Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
Co-authored-by: MildTomato <8291514+MildTomato@users.noreply.github.com>

apps/www/components/LaunchWeek/11/Releases/components/AdventCard.tsx

@@ -64,7 +64,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
           </div>
           <div
             className={cn(
-              'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
+              'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
             )}
             style={{
               bottom: isTablet ? 0 : -hiddenHeight + 'px',
@@ -73,7 +73,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
             <h4 className="text-foreground text-lg leading-6">{day.title}</h4>
             <div
               ref={hiddenRef}
-              className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
+              className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
               style={{
                 backfaceVisibility: 'hidden',
                 transform: 'translateZ(0)',

apps/www/components/LaunchWeek/11/Releases/components/DaySection.tsx

@@ -68,7 +68,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
             )}
           >
             <div className="relative text-foreground-light p-4 sm:p-6 md:p-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
-              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
+              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
                 <Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
                 <span>Blog post</span>
                 <ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />

apps/www/components/LaunchWeek/12/Releases/components/BuildCard.tsx

@@ -64,7 +64,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
           </div>
           <div
             className={cn(
-              'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
+              'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
             )}
             style={{
               bottom: isTablet ? 0 : -hiddenHeight + 'px',
@@ -73,7 +73,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
             <h4 className="text-foreground text-lg leading-6">{day.title}</h4>
             <div
               ref={hiddenRef}
-              className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
+              className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
               style={{
                 backfaceVisibility: 'hidden',
                 transform: 'translateZ(0)',

apps/www/components/LaunchWeek/12/Releases/components/DaySection.tsx

@@ -60,7 +60,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
             )}
           >
             <div className="relative text-foreground-light p-4 sm:px-6 md:py-6 md:px-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
-              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
+              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
                 <Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
                 <span>Blog post</span>
                 <ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />

apps/www/components/LaunchWeek/13/Releases/components/BuildCard.tsx

@@ -64,7 +64,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
           </div>
           <div
             className={cn(
-              'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
+              'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
             )}
             style={{
               bottom: isTablet ? 0 : -hiddenHeight + 'px',
@@ -73,7 +73,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
             <h4 className="text-foreground text-lg leading-6">{day.title}</h4>
             <div
               ref={hiddenRef}
-              className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
+              className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
               style={{
                 backfaceVisibility: 'hidden',
                 transform: 'translateZ(0)',

apps/www/components/LaunchWeek/13/Releases/components/DaySection.tsx

@@ -60,7 +60,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
             )}
           >
             <div className="relative text-foreground-light p-4 sm:px-6 md:py-6 md:px-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
-              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
+              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
                 <Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
                 <span>Blog post</span>
                 <ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />

apps/www/components/LaunchWeek/14/Releases/components/BuildCard.tsx

@@ -64,7 +64,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
           </div>
           <div
             className={cn(
-              'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
+              'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
             )}
             style={{
               bottom: isTablet ? 0 : -hiddenHeight + 'px',
@@ -73,7 +73,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
             <h4 className="text-foreground text-lg leading-6">{day.title}</h4>
             <div
               ref={hiddenRef}
-              className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
+              className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
               style={{
                 backfaceVisibility: 'hidden',
                 transform: 'translateZ(0)',

apps/www/components/LaunchWeek/14/Releases/components/DaySection.tsx

@@ -61,7 +61,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
             )}
           >
             <div className="relative text-foreground-light p-4 sm:px-6 md:py-6 md:px-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
-              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
+              <div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
                 <Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
                 <span>Blog post</span>
                 <ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />

apps/www/components/LaunchWeek/15/LW15Heading.tsx

@@ -87,7 +87,7 @@ const LW15Heading = () => {
       span.innerHTML = originalContent
       span.style.display = 'inline-block'
       span.style.transform = 'translateY(100%)'
-      span.style.transition = 'transform ease-[.25,.25,0,1]'
+      span.style.transition = 'transform cubic-bezier(.25,.25,0,1)'
 
       element.innerHTML = ''
       element.appendChild(span)

apps/www/components/LaunchWeek/15/LW15MainStage.tsx

@@ -116,13 +116,13 @@ const DayCardShipped = ({ day }: { day: WeekDayProps }) => {
             <li key={link.href}>
               <DayLink
                 {...link}
-                className="transition-all duration-300 !ease-[.25,.25,0,1] lg:-translate-y-full lg:opacity-0 group-hover/main:translate-y-0 group-hover/main:opacity-100"
+                className="transition-all duration-300 !ease-[cubic-bezier(.25,.25,0,1)] lg:-translate-y-full lg:opacity-0 group-hover/main:translate-y-0 group-hover/main:opacity-100"
               />
             </li>
           ))}
         </ul>
         <div
-          className="flex flex-col p-4 pt-0 gap-2 relative group-hover/main:!bottom-0 !ease-[.25,.25,0,1] duration-300"
+          className="flex flex-col p-4 pt-0 gap-2 relative group-hover/main:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300"
           style={{
             bottom: isTablet ? 0 : -hiddenHeight + 'px',
           }}
@@ -153,7 +153,7 @@ const CardBG = ({ day }: { day: WeekDayProps }) => (
               key={`${day.title}-image-${i}?v=3`}
               className={cn(
                 'absolute inset-0 w-full h-full -z-10',
-                'transition-all duration-300 !ease-[.24,0,.22,.99]',
+                'transition-all duration-300 !ease-[cubic-bezier(.24,0,.22,.99)]',
                 'dark:opacity-50 scale-100',
                 'group-hover/main:dark:opacity-100'
               )}

apps/www/components/LaunchWeek/X/Album/Player.tsx

@@ -23,7 +23,7 @@ const Player = () => {
         href="https://supabase.productions/"
         target="_blank"
         className={cn(
-          'opacity-0 outline-none group translate-x-2 !ease-[.24,0,.22,.99] duration-200 transition-all text-foreground-muted hover:text-foreground !leading-3 font-mono uppercase text-[10px] flex flex-col text-right',
+          'opacity-0 outline-none group translate-x-2 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 transition-all text-foreground-muted hover:text-foreground !leading-3 font-mono uppercase text-[10px] flex flex-col text-right',
           isPlaying && 'opacity-100 translate-x-0'
         )}
       >

apps/www/components/LaunchWeek/X/Releases/components/AdventCard.tsx

@@ -71,7 +71,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
           </div>
           <div
             className={cn(
-              'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
+              'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
             )}
             style={{
               bottom: isTablet ? 0 : -hiddenHeight + 'px',
@@ -80,7 +80,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
             <h4 className="text-foreground text-lg leading-6">{day.title}</h4>
             <div
               ref={hiddenRef}
-              className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
+              className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
               style={{
                 backfaceVisibility: 'hidden',
                 transform: 'translateZ(0)',

apps/www/components/Pricing/PricingComputeAnimation.tsx

@@ -21,7 +21,7 @@ const PricingComputeAnimation = () => {
         }-active.svg`}
         alt="Compute addon grid"
         className={cn(
-          'absolute inset-0 z-20 transition-opacity opacity-0 !ease-[.76,0,.23,1] duration-300',
+          'absolute inset-0 z-20 transition-opacity opacity-0 !ease-[cubic-bezier(.76,0,.23,1)] duration-300',
           triggerAnimation && 'opacity-100'
         )}
       />
@@ -32,7 +32,7 @@ const PricingComputeAnimation = () => {
         }-active.svg`}
         alt="Compute addon grid"
         className={cn(
-          'absolute inset-0 z-20 transition-all opacity-0 !ease-[.76,0,.23,1] duration-500 delay-500 -translate-y-[18%] blur-md',
+          'absolute inset-0 z-20 transition-all opacity-0 !ease-[cubic-bezier(.76,0,.23,1)] duration-500 delay-500 -translate-y-[18%] blur-md',
           triggerAnimation && 'opacity-100 -translate-y-[8%] blur-none'
         )}
       />
@@ -43,7 +43,7 @@ const PricingComputeAnimation = () => {
         }-active.svg`}
         alt="Compute addon grid"
         className={cn(
-          'absolute inset-0 z-20 transition-all opacity-0 !ease-[.76,0,.23,1] duration-500 delay-1000 -translate-y-[24%] blur-md',
+          'absolute inset-0 z-20 transition-all opacity-0 !ease-[cubic-bezier(.76,0,.23,1)] duration-500 delay-1000 -translate-y-[24%] blur-md',
           triggerAnimation && 'opacity-100 -translate-y-[16%] blur-none'
         )}
       />

apps/www/components/Pricing/PricingComputeSection.tsx

@@ -56,7 +56,7 @@ const PricingComputeSection = () => {
       <hr className="border-0 border-t" />
       <div className="flex flex-col">
         <div
-          className="relative w-full overflow-hidden transition-all !ease-[.76,0,.23,1] duration-300"
+          className="relative w-full overflow-hidden transition-all !ease-[cubic-bezier(.76,0,.23,1)] duration-300"
           style={{ height: showTable ? `${height}px` : '200px' }}
         >
           <div

apps/www/public/rss.xml

@@ -13,6 +13,13 @@
   <description>TRAE IDE now integrates with Supabase, enabling developers to manage their entire backend infrastructure without leaving the IDE. Browse databases, manage storage, configure auth, and more.</description>
   <pubDate>Thu, 08 Jan 2026 00:00:00 -0700</pubDate>
 </item>
+<item>
+  <guid>https://supabase.com/blog/supabase-security-2025-retro</guid>
+  <title>Supabase Security Retro: 2025</title>
+  <link>https://supabase.com/blog/supabase-security-2025-retro</link>
+  <description>A summary of Supabase platform security changes made in 2025 and the security defaults planned for 2026.</description>
+  <pubDate>Wed, 07 Jan 2026 00:00:00 -0700</pubDate>
+</item>
 <item>
   <guid>https://supabase.com/blog/stripe-sync-engine-integration</guid>
   <title>Sync Stripe Data to Your Supabase Database in One Click</title>