Update code comments (#774)

* Update code comments

* Use "uncomment"

dashboard/starter-example/app/ui/dashboard/cards.tsx

@@ -16,7 +16,7 @@ const iconMap = {
 export default async function CardWrapper() {
   return (
     <>
-      {/* NOTE: comment in this code when you get to this point in the course */}
+      {/* NOTE: Uncomment this code in Chapter 9 */}
 
       {/* <Card title="Collected" value={totalPaidInvoices} type="collected" />
       <Card title="Pending" value={totalPendingInvoices} type="pending" />

dashboard/starter-example/app/ui/dashboard/latest-invoices.tsx

@@ -14,7 +14,7 @@ export default async function LatestInvoices({
         Latest Invoices
       </h2>
       <div className="flex grow flex-col justify-between rounded-xl bg-gray-50 p-4">
-        {/* NOTE: comment in this code when you get to this point in the course */}
+        {/* NOTE: Uncomment this code in Chapter 9 */}
 
         {/* <div className="bg-white px-6">
           {latestInvoices.map((invoice, i) => {

dashboard/starter-example/app/ui/dashboard/revenue-chart.tsx

@@ -15,7 +15,7 @@ export default async function RevenueChart({
   revenue: Revenue[];
 }) {
   const chartHeight = 350;
-  // NOTE: comment in this code when you get to this point in the course
+  // NOTE: Uncomment this code in Chapter 7
 
   // const { yAxisLabels, topLabel } = generateYAxis(revenue);
 
@@ -28,7 +28,7 @@ export default async function RevenueChart({
       <h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
         Recent Revenue
       </h2>
-      {/* NOTE: comment in this code when you get to this point in the course */}
+      {/* NOTE: Uncomment this code in Chapter 7 */}
 
       {/* <div className="rounded-xl bg-gray-50 p-4">
         <div className="sm:grid-cols-13 mt-0 grid grid-cols-12 items-end gap-2 rounded-md bg-white p-4 md:gap-4">

dashboard/starter-example/app/ui/invoices/pagination.tsx

@@ -6,13 +6,13 @@ import Link from 'next/link';
 import { generatePagination } from '@/app/lib/utils';
 
 export default function Pagination({ totalPages }: { totalPages: number }) {
-  // NOTE: comment in this code when you get to this point in the course
+  // NOTE: Uncomment this code in Chapter 7
 
   // const allPages = generatePagination(currentPage, totalPages);
 
   return (
     <>
-      {/* NOTE: comment in this code when you get to this point in the course */}
+      {/*  NOTE: Uncomment this code in Chapter 7 */}
 
       {/* <div className="inline-flex">
         <PaginationArrow