Add Optional exercise for Modules including the topic standalone comp…

…onents

exercises/index.html

@@ -103,6 +103,14 @@ <h3>Simple Component (4/4)</h3>
                         <li>Add some component's styling (to the file <span class="monospace highlight">movie-details.component.scss</span>) , e.g. make the labels' font weight bold. Make use of the <span class="monospace highlight">:host</span> pseudo selector.</li>
                     </ol>
                 </section>
+                <section>
+                    <h3>Optional (1/1)</h3>
+                    <ol>
+                        <li>Migrate all your components to standalone components, including <span class="monospace highlight">app.component.ts</span>.</li>
+                        <li>Ensure that each standalone component properly imports the necessary dependencies directly in its <span class="monospace highlight">@Component</span> decorator.</li><br/>
+                        Hint: You will still need <span class="monospace highlight">app.module.ts</span> to bootstrap the application and handle any global configurations, such as BrowserModule or RouterModule.
+                    </ol>
+                </section>
             </section>
             <section id="master-details">
                 <section>
@@ -153,7 +161,7 @@ <h3>Master/Details Pattern @Input (3/6)</h3>
                 <section>
                     <h3>Master/Details Pattern @Input (4/6)</h3>
 
-                    <ul>
+                    <ol>
                         <li>Extend the <span class="highlight monospace">MovieOverviewComponent</span> class: Implement the <span class="highlight monospace">selectMovie(movie: Movie): void</span> method which sets the passed movie as the selected one.
                         </li>
                         <li>In the template add the <span class="highlight monospace">(click)</span> event binding to table rows to call the